@ironsource/shared-ui 2.1.7-rc.8 → 2.1.7-test.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
  2. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +1 -0
  4. package/IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css +1 -0
  5. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css +1 -0
  6. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css +1 -0
  7. package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +1 -0
  8. package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
  9. package/TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css +1 -0
  10. package/components/autocomplete/Autocomplete.vue.d.ts +0 -5
  11. package/components/autocomplete/Autocomplete.vue.js +2 -2
  12. package/components/autocomplete/Autocomplete.vue2.js +45 -57
  13. package/components/autocomplete/index.d.ts +1 -20
  14. package/components/dropdown/v4/DropdownV4.vue.d.ts +0 -10
  15. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  16. package/components/dropdown/v4/DropdownV4.vue2.js +147 -151
  17. package/components/dropdown/v4/OptionV4.vue.d.ts +0 -10
  18. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  19. package/components/dropdown/v4/OptionV4.vue2.js +53 -70
  20. package/components/dropdown/v4/dropdownStoryArgs.d.ts +0 -14
  21. package/components/dropdown/v4/index.d.ts +2 -78
  22. package/components/includeExclude/IncludeExclude.vue.js +4 -4
  23. package/components/includeExclude/IncludeExclude.vue2.js +2 -2
  24. package/components/includeExclude/IncludeExcludeDragDrop.vue.js +4 -4
  25. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +2 -2
  26. package/components/input/v4/TextField.vue.js +3 -3
  27. package/components/input/v4/TextField.vue2.js +66 -70
  28. package/components/popover/Popover.vue.js +8 -0
  29. package/components/popover/{v3/Popover.vue2.js → Popover.vue2.js} +1 -1
  30. package/components/table/v4/DataGridRowsCounter.vue.d.ts +0 -5
  31. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  32. package/components/table/v4/DataGridRowsCounter.vue2.js +22 -29
  33. package/components/table/v4/MultipleDataGrid.vue.js +5 -5
  34. package/components/table/v4/MultipleDataGrid.vue2.js +36 -40
  35. package/components/table/v4/index.d.ts +0 -9
  36. package/index.d.ts +5 -588
  37. package/index.js +70 -70
  38. package/package.json +3 -7
  39. package/testids/index.d.ts +0 -5
  40. package/testids/index.js +23 -24
  41. package/Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css +0 -1
  42. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css +0 -1
  43. package/DropdownV4.vue_vue_type_style_index_0_scoped_938772ee_lang.css +0 -1
  44. package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +0 -1
  45. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +0 -1
  46. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_9e22192c_lang.css +0 -1
  47. package/OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css +0 -1
  48. package/Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css +0 -1
  49. package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
  50. package/PopoverV4.vue_vue_type_style_index_1_lang.css +0 -1
  51. package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css +0 -1
  52. package/components/popover/common/Popover.common.d.ts +0 -6
  53. package/components/popover/common/Popover.common.js +0 -17
  54. package/components/popover/v3/Popover.vue.js +0 -8
  55. package/components/popover/v4/PopoverV4.vue.d.ts +0 -73
  56. package/components/popover/v4/PopoverV4.vue.js +0 -7
  57. package/components/popover/v4/PopoverV4.vue2.js +0 -54
  58. package/components/popover/v4/index.d.ts +0 -209
  59. package/components/popover/v4/index.js +0 -6
  60. /package/components/popover/{v3/Popover.vue.d.ts → Popover.vue.d.ts} +0 -0
  61. /package/components/popover/{v3/index.d.ts → index.d.ts} +0 -0
  62. /package/components/popover/{v3/index.js → index.js} +0 -0
@@ -1,5 +1,5 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_938772ee_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as x, openBlock as i, createElementBlock as n, mergeProps as u, unref as t, renderSlot as I, createElementVNode as p, createVNode as a, withCtx as c, Transition as ue, normalizeClass as A, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as ye, withModifiers as $, Fragment as pe, renderList as me, toRaw as h, createBlock as H, resolveDynamicComponent as ge } from "vue";
2
- import L from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as x, openBlock as i, createElementBlock as n, mergeProps as u, unref as e, renderSlot as v, createElementVNode as p, createVNode as a, withCtx as c, Transition as ue, normalizeClass as A, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as ye, withModifiers as $, Fragment as pe, renderList as me, toRaw as h, createBlock as H, resolveDynamicComponent as ge } from "vue";
2
+ import O from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
5
5
  import Te from "./DefaultDropdownTrigger.vue.js";
@@ -12,15 +12,15 @@ import "./TreeDropdown.vue.js";
12
12
  import U from "./OptionV4.vue.js";
13
13
  import we from "../../search/v4/SearchV4.vue.js";
14
14
  import W from "../../typography/v4/Typography.vue.js";
15
- import { Dropdown as ve } from "floating-vue";
15
+ import { Dropdown as Ie } from "floating-vue";
16
16
  import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
17
- import { dropdownCommon as Ie } from "../common/Dropdown.common.js";
17
+ import { dropdownCommon as ve } from "../common/Dropdown.common.js";
18
18
  import Ce from "../../loader/v4/Loader.vue.js";
19
19
  import { useTestIdAttrs as Se } from "../../../utils/testIds.js";
20
20
  import { TRIGGERS as m } from "./Dropdown.types.js";
21
21
  import { useElementSize as Ae } from "@vueuse/core";
22
- import Le from "../../shared/FieldHelpText.vue.js";
23
- const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke = { key: 1 }, Ne = { key: 2 }, De = {
22
+ import Oe from "../../shared/FieldHelpText.vue.js";
23
+ const Le = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke = { key: 1 }, Ne = { key: 2 }, De = {
24
24
  key: 0,
25
25
  class: "inline-search-wrapper"
26
26
  }, Pe = {
@@ -29,7 +29,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
29
29
  }, Re = {
30
30
  key: 1,
31
31
  class: "loader"
32
- }, Ve = { key: 2 }, Fe = ["aria-selected", "aria-disabled", "onClick"], ze = {
32
+ }, Fe = { key: 2 }, Ve = ["aria-selected", "aria-disabled", "onClick"], ze = {
33
33
  key: 1,
34
34
  class: "actions-wrapper"
35
35
  }, xe = { class: "actions-clear-all" }, $e = { class: "actions-apply-cancel" }, ut = /* @__PURE__ */ se({
@@ -80,8 +80,6 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
80
80
  optionEndIconType: { default: null },
81
81
  valueToCopy: { default: null },
82
82
  disabledOptionKey: { default: "disabled" },
83
- optionTwoLinesVariant: { default: void 0 },
84
- optionTwoLinesKey: { default: void 0 },
85
83
  theme: { default: "light-theme-v4" },
86
84
  fullWidth: { type: Boolean, default: !0 },
87
85
  optionsListWidth: { default: null },
@@ -90,8 +88,8 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
90
88
  overrideOptionCountCalculation: { type: Function, default: null }
91
89
  },
92
90
  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear", "copyToClipboard"],
93
- setup(e, { expose: M, emit: O }) {
94
- const d = e, E = {
91
+ setup(t, { expose: M, emit: L }) {
92
+ const d = t, E = {
95
93
  MULTILINE_LIST_HEIGHT: 48,
96
94
  LIST_HEIGHT: 32 + 4,
97
95
  MAX_NUMBER_OF_OPTIONS: 7.5,
@@ -126,118 +124,118 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
126
124
  apply: oe,
127
125
  cancel: ie,
128
126
  el: ne,
129
- onClearAllSelections: V,
127
+ onClearAllSelections: F,
130
128
  clearAll: ae
131
- } = Ie(d, O, E), y = Se(d.testId, f), F = x(() => !d.predefinedTrigger || d.predefinedTrigger === m.DEFAULT ? Te : d.predefinedTrigger === m.APP ? he : null), { width: z } = Ae(R), de = x(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === m.DEFAULT || d.predefinedTrigger === m.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${E.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
129
+ } = ve(d, L, E), y = Se(d.testId, f), V = x(() => !d.predefinedTrigger || d.predefinedTrigger === m.DEFAULT ? Te : d.predefinedTrigger === m.APP ? he : null), { width: z } = Ae(R), de = x(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === m.DEFAULT || d.predefinedTrigger === m.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${E.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
132
130
  w();
133
131
  };
134
132
  return M({
135
133
  selectItem: D,
136
134
  scrollTo: te
137
- }), (v, o) => (i(), n("div", u({
135
+ }), (I, o) => (i(), n("div", u({
138
136
  ref_key: "el",
139
137
  ref: ne,
140
- class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": e.disabled, "full-width": e.fullWidth }]],
141
- tabindex: e.disabled ? -1 : 0
142
- }, t(y)[t(f).WRAPPER], {
138
+ class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": t.disabled, "full-width": t.fullWidth }]],
139
+ tabindex: t.disabled ? -1 : 0
140
+ }, e(y)[e(f).WRAPPER], {
143
141
  onKeydown: o[8] || (o[8] = //@ts-ignore
144
- (...l) => t(T) && t(T)(...l))
142
+ (...l) => e(T) && e(T)(...l))
145
143
  }), [
146
- I(v.$slots, "label", {}, void 0, !0),
144
+ v(I.$slots, "label", {}, void 0, !0),
147
145
  p("div", Ee, [
148
- a(t(ve), u({
149
- theme: e.theme,
146
+ a(e(Ie), u({
147
+ theme: t.theme,
150
148
  "popper-class": [
151
- e.popperClass,
152
- e.theme,
153
- e.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null,
149
+ t.popperClass,
150
+ t.theme,
151
+ t.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null,
154
152
  "v4-dropdown"
155
153
  ],
156
- placement: e.placement,
157
- skidding: e.isOnTop ? 0 : e.skidding,
158
- distance: e.distance,
159
- flip: e.flip,
154
+ placement: t.placement,
155
+ skidding: t.isOnTop ? 0 : t.skidding,
156
+ distance: t.distance,
157
+ flip: t.flip,
160
158
  triggers: [],
161
- shown: !!t(s),
159
+ shown: !!e(s),
162
160
  "auto-hide": !1,
163
- container: e.container,
164
- "auto-size": e.autoSize
165
- }, t(y)[t(f).TRIGGER]), {
161
+ container: t.container,
162
+ "auto-size": t.autoSize
163
+ }, e(y)[e(f).TRIGGER]), {
166
164
  popper: c(() => [
167
165
  a(ue, null, {
168
166
  default: c(() => [
169
- t(s) ? (i(), n("div", {
167
+ e(s) ? (i(), n("div", {
170
168
  key: 0,
171
169
  ref_key: "listRef",
172
170
  ref: le,
173
171
  class: A(["light-theme-v4", {
174
- "dropdown--disabled": e.disabled,
175
- "inline-search": e.inlineSearch
172
+ "dropdown--disabled": t.disabled,
173
+ "inline-search": t.inlineSearch
176
174
  }]),
177
- style: ce({ width: t(de) })
175
+ style: ce({ width: e(de) })
178
176
  }, [
179
- t(s) ? (i(), n("div", {
177
+ e(s) ? (i(), n("div", {
180
178
  key: 0,
181
- class: A(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
179
+ class: A(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": t.multi }]),
182
180
  onKeydown: o[7] || (o[7] = //@ts-ignore
183
- (...l) => t(T) && t(T)(...l))
181
+ (...l) => e(T) && e(T)(...l))
184
182
  }, [
185
- t(s) && e.inlineSearch ? (i(), n("div", De, [
186
- a(t(we), {
187
- modelValue: t(C),
183
+ e(s) && t.inlineSearch ? (i(), n("div", De, [
184
+ a(e(we), {
185
+ modelValue: e(C),
188
186
  "onUpdate:modelValue": [
189
187
  o[4] || (o[4] = (l) => fe(C) ? C.value = l : null),
190
- e.onClear
188
+ t.onClear
191
189
  ],
192
- placeholder: e.inlineSearchPlaceholder,
190
+ placeholder: t.inlineSearchPlaceholder,
193
191
  variant: "transparent",
194
192
  size: "md",
195
- "auto-focus": e.searchAutoFocus,
196
- "test-id": e.testId,
197
- onKeydown: t(T)
193
+ "auto-focus": t.searchAutoFocus,
194
+ "test-id": t.testId,
195
+ onKeydown: e(T)
198
196
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
199
197
  ])) : r("", !0),
200
- I(v.$slots, "input-list", { open: t(s) }, void 0, !0),
198
+ v(I.$slots, "input-list", { open: e(s) }, void 0, !0),
201
199
  p("div", u({
202
- class: ["list-container", { "list-container--multi": e.multi }],
203
- style: { height: `${t(q)}rem` }
200
+ class: ["list-container", { "list-container--multi": t.multi }],
201
+ style: { height: `${e(q)}rem` }
204
202
  }, {
205
- ...t(X),
206
- ...t(y)[t(f).LIST_CONTAINER]
203
+ ...e(X),
204
+ ...e(y)[e(f).LIST_CONTAINER]
207
205
  }), [
208
- p("ul", u(t(Y), {
206
+ p("ul", u(e(Y), {
209
207
  role: "listbox",
210
- class: ["list", { "list--multi": e.multi }]
208
+ class: ["list", { "list--multi": t.multi }]
211
209
  }), [
212
- !t(j).length && !e.loading ? (i(), n("li", Pe, [
213
- a(t(W), u({ variant: "body2" }, t(y)[t(f).NO_RESULT]), {
210
+ !e(j).length && !t.loading ? (i(), n("li", Pe, [
211
+ a(e(W), u({ variant: "body2" }, e(y)[e(f).NO_RESULT]), {
214
212
  default: c(() => [
215
- g(ye(e.noResultsText), 1)
213
+ g(ye(t.noResultsText), 1)
216
214
  ]),
217
215
  _: 1
218
216
  }, 16)
219
217
  ])) : r("", !0),
220
- e.loading ? (i(), n("li", Re, [
221
- a(t(Ce)),
222
- a(t(W), null, {
218
+ t.loading ? (i(), n("li", Re, [
219
+ a(e(Ce)),
220
+ a(e(W), null, {
223
221
  default: c(() => [
224
222
  g("Loading...")
225
223
  ]),
226
224
  _: 1
227
225
  })
228
226
  ])) : r("", !0),
229
- e.showSelectAll !== !1 && e.multi ? (i(), n("li", Ve, [
230
- a(t(U), u(
227
+ t.showSelectAll !== !1 && t.multi ? (i(), n("li", Fe, [
228
+ a(e(U), u(
231
229
  {
232
- "aria-selected": t(B),
233
- "aria-disabled": !!e.disabled,
234
- "selected-prop": t(B),
235
- "is-indeterminate": t(J),
230
+ "aria-selected": e(B),
231
+ "aria-disabled": !!t.disabled,
232
+ "selected-prop": e(B),
233
+ "is-indeterminate": e(J),
236
234
  "select-all-option": ""
237
235
  },
238
- t(y)[t(f).SELECT_ALL],
236
+ e(y)[e(f).SELECT_ALL],
239
237
  {
240
- onClick: o[5] || (o[5] = $((l) => t(Q)(), ["stop"]))
238
+ onClick: o[5] || (o[5] = $((l) => e(Q)(), ["stop"]))
241
239
  }
242
240
  ), {
243
241
  default: c(() => [
@@ -246,40 +244,38 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
246
244
  _: 1
247
245
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
248
246
  ])) : r("", !0),
249
- t(K).length && !e.loading ? (i(!0), n(pe, { key: 3 }, me(t(K), ({ data: l, index: b }) => (i(), n("li", {
247
+ e(K).length && !t.loading ? (i(!0), n(pe, { key: 3 }, me(e(K), ({ data: l, index: b }) => (i(), n("li", {
250
248
  key: b,
251
- "aria-selected": t(S)(h(t(k)), l),
252
- "aria-disabled": !!e.disabled,
253
- onClick: $(() => t(D)(l, b), ["stop"])
249
+ "aria-selected": e(S)(h(e(k)), l),
250
+ "aria-disabled": !!t.disabled,
251
+ onClick: $(() => e(D)(l, b), ["stop"])
254
252
  }, [
255
- I(v.$slots, "default", {
253
+ v(I.$slots, "default", {
256
254
  option: l,
257
255
  index: b,
258
- selected: t(S)(h(t(k)), l),
259
- active: h(t(P)) === b,
256
+ selected: e(S)(h(e(k)), l),
257
+ active: h(e(P)) === b,
260
258
  disabled: l[d.disabledOptionKey]
261
259
  }, () => [
262
- a(t(U), {
260
+ a(e(U), {
263
261
  option: l,
264
- "selected-prop": t(S)(h(t(k)), l),
265
- active: h(t(P)) === b,
262
+ "selected-prop": e(S)(h(e(k)), l),
263
+ active: h(e(P)) === b,
266
264
  disabled: l[d.disabledOptionKey],
267
- "name-key": e.optionNameKey,
268
- "image-key": e.optionImageKey,
269
- "icon-key": e.optionIconKey,
270
- "icon-type": e.optionIconType,
271
- "end-icon-key": e.optionEndIconKey,
272
- "end-icon-type": e.optionEndIconType,
273
- "option-two-lines-variant": e.optionTwoLinesVariant,
274
- "option-two-lines-key": e.optionTwoLinesKey
275
- }, null, 8, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "option-two-lines-variant", "option-two-lines-key"])
265
+ "name-key": t.optionNameKey,
266
+ "image-key": t.optionImageKey,
267
+ "icon-key": t.optionIconKey,
268
+ "icon-type": t.optionIconType,
269
+ "end-icon-key": t.optionEndIconKey,
270
+ "end-icon-type": t.optionEndIconType
271
+ }, null, 8, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type"])
276
272
  ], !0)
277
- ], 8, Fe))), 128)) : r("", !0)
273
+ ], 8, Ve))), 128)) : r("", !0)
278
274
  ], 16)
279
275
  ], 16),
280
- e.multi ? (i(), n("div", ze, [
276
+ t.multi ? (i(), n("div", ze, [
281
277
  p("div", xe, [
282
- a(t(L), u(
278
+ a(e(O), u(
283
279
  {
284
280
  ref_key: "clearAll",
285
281
  ref: ae,
@@ -287,9 +283,9 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
287
283
  variant: "text",
288
284
  color: "primary"
289
285
  },
290
- t(y)[t(f).ACTION_CLEAR_ALL],
286
+ e(y)[e(f).ACTION_CLEAR_ALL],
291
287
  {
292
- onClick: o[6] || (o[6] = () => t(V)(!1))
288
+ onClick: o[6] || (o[6] = () => e(F)(!1))
293
289
  }
294
290
  ), {
295
291
  default: c(() => [
@@ -299,7 +295,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
299
295
  }, 16)
300
296
  ]),
301
297
  p("div", $e, [
302
- a(t(L), u(
298
+ a(e(O), u(
303
299
  {
304
300
  ref_key: "cancel",
305
301
  ref: ie,
@@ -307,21 +303,21 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
307
303
  variant: "outlined",
308
304
  color: "primary"
309
305
  },
310
- t(y)[t(f).ACTION_CANCEL],
311
- { onClick: t(_) }
306
+ e(y)[e(f).ACTION_CANCEL],
307
+ { onClick: e(_) }
312
308
  ), {
313
309
  default: c(() => [
314
310
  g(" Cancel ")
315
311
  ]),
316
312
  _: 1
317
313
  }, 16, ["onClick"]),
318
- a(t(L), u({
314
+ a(e(O), u({
319
315
  ref_key: "apply",
320
316
  ref: oe,
321
317
  "data-testid": "mutli-apply",
322
318
  size: "small",
323
319
  class: "apply-button"
324
- }, t(y)[t(f).ACTION_APPLY], { onClick: t(ee) }), {
320
+ }, e(y)[e(f).ACTION_APPLY], { onClick: e(ee) }), {
325
321
  default: c(() => [
326
322
  g("Apply ")
327
323
  ]),
@@ -338,68 +334,68 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
338
334
  default: c(() => [
339
335
  p("div", {
340
336
  class: A(["button__container", {
341
- "button__container--open": !!t(s),
342
- [`button__container--${e.size}`]: !0,
343
- "button__container--disabled": e.disabled
337
+ "button__container--open": !!e(s),
338
+ [`button__container--${t.size}`]: !0,
339
+ "button__container--disabled": t.disabled
344
340
  }])
345
341
  }, [
346
- I(v.$slots, "dropdown-trigger", {
342
+ v(I.$slots, "dropdown-trigger", {
347
343
  buttonTriggerProps: {
348
- open: t(s),
349
- disabled: e.disabled,
350
- label: t(Z) || e.placeholder,
351
- onClick: () => t(w)()
344
+ open: e(s),
345
+ disabled: t.disabled,
346
+ label: e(Z) || t.placeholder,
347
+ onClick: () => e(w)()
352
348
  }
353
349
  }, () => [
354
350
  p("div", {
355
351
  ref_key: "buttonRef",
356
352
  ref: R
357
353
  }, [
358
- t(F) ? (i(), n("div", Be, [
359
- (i(), H(ge(t(F)), {
360
- placeholder: e.placeholder,
361
- open: t(s),
362
- label: e.triggerLabel,
363
- "show-feedback-icon": e.triggerFeedbackShowIcon,
364
- mandatory: e.mandatory,
365
- "test-id": e.testId,
366
- multi: e.multi,
367
- disabled: e.disabled,
368
- "selected-option": e.multi ? t(N) : t(k),
369
- "display-value": e.displayValue,
370
- options: e.options,
371
- "option-name-key": e.optionNameKey,
372
- "option-image-key": e.optionImageKey,
373
- "option-icon-key": e.optionIconKey,
374
- "option-icon-type": e.optionIconType,
375
- "option-end-icon-key": e.optionEndIconKey,
376
- "option-end-icon-type": e.optionEndIconType,
377
- "feedback-variant": e.triggerFeedbackVariant,
378
- "value-to-copy": e.valueToCopy,
379
- "status-dot-type": e.statusType,
380
- size: e.size,
381
- "show-all-selected-text": e.triggerShowAllSelectedText,
382
- onKeydown: t(G),
354
+ e(V) ? (i(), n("div", Be, [
355
+ (i(), H(ge(e(V)), {
356
+ placeholder: t.placeholder,
357
+ open: e(s),
358
+ label: t.triggerLabel,
359
+ "show-feedback-icon": t.triggerFeedbackShowIcon,
360
+ mandatory: t.mandatory,
361
+ "test-id": t.testId,
362
+ multi: t.multi,
363
+ disabled: t.disabled,
364
+ "selected-option": t.multi ? e(N) : e(k),
365
+ "display-value": t.displayValue,
366
+ options: t.options,
367
+ "option-name-key": t.optionNameKey,
368
+ "option-image-key": t.optionImageKey,
369
+ "option-icon-key": t.optionIconKey,
370
+ "option-icon-type": t.optionIconType,
371
+ "option-end-icon-key": t.optionEndIconKey,
372
+ "option-end-icon-type": t.optionEndIconType,
373
+ "feedback-variant": t.triggerFeedbackVariant,
374
+ "value-to-copy": t.valueToCopy,
375
+ "status-dot-type": t.statusType,
376
+ size: t.size,
377
+ "show-all-selected-text": t.triggerShowAllSelectedText,
378
+ onKeydown: e(G),
383
379
  onClick: re,
384
- onCopyToClipboard: o[0] || (o[0] = (l) => O("copyToClipboard"))
380
+ onCopyToClipboard: o[0] || (o[0] = (l) => L("copyToClipboard"))
385
381
  }, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "option-end-icon-key", "option-end-icon-type", "feedback-variant", "value-to-copy", "status-dot-type", "size", "show-all-selected-text", "onKeydown"]))
386
382
  ])) : r("", !0),
387
- e.predefinedTrigger === t(m).ICON_BUTTON ? (i(), n("div", Ke, [
388
- a(t(ke), {
389
- onClick: o[1] || (o[1] = (l) => t(w)())
383
+ t.predefinedTrigger === e(m).ICON_BUTTON ? (i(), n("div", Ke, [
384
+ a(e(ke), {
385
+ onClick: o[1] || (o[1] = (l) => e(w)())
390
386
  })
391
387
  ])) : r("", !0),
392
- e.predefinedTrigger === t(m).CHIP ? (i(), n("div", Ne, [
393
- a(t(be), {
394
- open: t(s),
395
- label: e.placeholder,
396
- "test-id": e.testId,
397
- options: e.options,
398
- "selected-option": e.multi ? t(N) : t(k),
399
- "display-value": e.displayValue,
400
- multi: e.multi,
401
- onClick: o[2] || (o[2] = (l) => t(w)()),
402
- onClear: o[3] || (o[3] = (l) => t(V)())
388
+ t.predefinedTrigger === e(m).CHIP ? (i(), n("div", Ne, [
389
+ a(e(be), {
390
+ open: e(s),
391
+ label: t.placeholder,
392
+ "test-id": t.testId,
393
+ options: t.options,
394
+ "selected-option": t.multi ? e(N) : e(k),
395
+ "display-value": t.displayValue,
396
+ multi: t.multi,
397
+ onClick: o[2] || (o[2] = (l) => e(w)()),
398
+ onClear: o[3] || (o[3] = (l) => e(F)())
403
399
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
404
400
  ])) : r("", !0)
405
401
  ], 512)
@@ -408,16 +404,16 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ke
408
404
  ]),
409
405
  _: 3
410
406
  }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
411
- e.triggerFeedbackText ? (i(), H(Le, {
407
+ t.triggerFeedbackText ? (i(), H(Oe, {
412
408
  key: 0,
413
- text: e.triggerFeedbackText,
414
- variant: e.triggerFeedbackVariant,
415
- "show-icon": e.triggerFeedbackShowIcon,
416
- "test-id": e.testId,
409
+ text: t.triggerFeedbackText,
410
+ variant: t.triggerFeedbackVariant,
411
+ "show-icon": t.triggerFeedbackShowIcon,
412
+ "test-id": t.testId,
417
413
  class: "dropdown-field-help-text"
418
414
  }, null, 8, ["text", "variant", "show-icon", "test-id"])) : r("", !0)
419
415
  ])
420
- ], 16, Oe));
416
+ ], 16, Le));
421
417
  }
422
418
  });
423
419
  export {
@@ -13,8 +13,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  endIconKey?: string;
14
14
  endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
15
15
  toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
16
- optionTwoLinesVariant?: "horizontal" | "vertical";
17
- optionTwoLinesKey?: string;
18
16
  }>, {
19
17
  subtitle: string;
20
18
  disabled: boolean;
@@ -29,8 +27,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
29
27
  endIconKey: any;
30
28
  endIconType: string;
31
29
  toolTipPlacement: string;
32
- optionTwoLinesVariant: any;
33
- optionTwoLinesKey: any;
34
30
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
35
31
  option?: unknown;
36
32
  subtitle?: string;
@@ -46,8 +42,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
46
42
  endIconKey?: string;
47
43
  endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
48
44
  toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
49
- optionTwoLinesVariant?: "horizontal" | "vertical";
50
- optionTwoLinesKey?: string;
51
45
  }>, {
52
46
  subtitle: string;
53
47
  disabled: boolean;
@@ -62,15 +56,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
62
56
  endIconKey: any;
63
57
  endIconType: string;
64
58
  toolTipPlacement: string;
65
- optionTwoLinesVariant: any;
66
- optionTwoLinesKey: any;
67
59
  }>>>, {
68
60
  option: any;
69
61
  disabled: boolean;
70
62
  active: boolean;
71
63
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
72
- optionTwoLinesVariant: "horizontal" | "vertical";
73
- optionTwoLinesKey: string;
74
64
  isIndeterminate: boolean;
75
65
  subtitle: string;
76
66
  selectAllOption: boolean;
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b6a06f00"]]);
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9db0f796"]]);
5
5
  export {
6
6
  s as default
7
7
  };