@ironsource/shared-ui 2.2.0-rc.42 → 2.2.0-rc.48

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 (91) hide show
  1. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_5a645cc9_lang.css +1 -0
  2. package/DataGridMenu.vue_vue_type_style_index_0_scoped_b7e65177_lang.css +1 -0
  3. package/DateRangeV4.vue_vue_type_style_index_0_scoped_bb44cdf8_lang.css +1 -0
  4. package/DropdownV4.vue_vue_type_style_index_0_scoped_f44f2402_lang.css +1 -0
  5. package/FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css +1 -0
  6. package/HelpText.vue_vue_type_style_index_0_scoped_b5caf7cd_lang.css +1 -0
  7. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_2a5345ef_lang.css +1 -0
  8. package/InlineCopy.vue_vue_type_style_index_0_scoped_8cb01c9d_lang.css +1 -0
  9. package/Link.vue_vue_type_style_index_0_scoped_c4345b08_lang.css +1 -0
  10. package/OptionV4.vue_vue_type_style_index_0_scoped_d48a9318_lang.css +1 -0
  11. package/SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css +1 -0
  12. package/TabsV4.vue_vue_type_style_index_0_scoped_9747c9da_lang.css +1 -0
  13. package/TextField.vue_vue_type_style_index_0_scoped_f4275491_lang.css +1 -0
  14. package/ToggleV4.vue_vue_type_style_index_0_scoped_fbbae882_lang.css +1 -0
  15. package/TooltipV4.vue_vue_type_style_index_0_scoped_22e25f74_lang.css +1 -0
  16. package/components/autocomplete/index.d.ts +16 -16
  17. package/components/columnPicker/ColumnPicker.vue.d.ts +1 -1
  18. package/components/columnPicker/index.d.ts +20 -20
  19. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  20. package/components/dateRange/v4/DateRangeV4.vue2.js +28 -27
  21. package/components/dropdown/common/Dropdown.common.js +351 -274
  22. package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
  23. package/components/dropdown/v3/index.d.ts +77 -77
  24. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
  25. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +38 -32
  26. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +1 -1
  27. package/components/dropdown/v4/DropdownV4.vue.d.ts +50 -41
  28. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  29. package/components/dropdown/v4/DropdownV4.vue2.js +237 -216
  30. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +5 -0
  31. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +3 -3
  32. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -9
  33. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  34. package/components/dropdown/v4/OptionV4.vue2.js +12 -12
  35. package/components/dropdown/v4/TreeDropdown.vue.d.ts +1 -1
  36. package/components/dropdown/v4/index.d.ts +2377 -2349
  37. package/components/helpText/HelpText.vue.js +3 -3
  38. package/components/helpText/HelpText.vue2.js +11 -10
  39. package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
  40. package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
  41. package/components/includeExclude/index.d.ts +54 -54
  42. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  43. package/components/inlineCopy/InlineCopy.vue.js +3 -3
  44. package/components/inlineCopy/InlineCopy.vue2.js +54 -53
  45. package/components/inlineCopy/index.d.ts +9 -0
  46. package/components/input/v4/TextField.vue.d.ts +5 -0
  47. package/components/input/v4/TextField.vue.js +2 -2
  48. package/components/input/v4/TextField.vue2.js +22 -19
  49. package/components/input/v4/index.d.ts +20 -1
  50. package/components/link/Link.vue.js +5 -5
  51. package/components/link/Link.vue2.js +30 -21
  52. package/components/search/v4/SearchV4.vue.d.ts +5 -0
  53. package/components/search/v4/SearchV4.vue.js +5 -5
  54. package/components/search/v4/SearchV4.vue2.js +23 -18
  55. package/components/search/v4/index.d.ts +9 -0
  56. package/components/shared/FieldLabel.vue.js +3 -3
  57. package/components/shared/FieldLabel.vue2.js +9 -8
  58. package/components/table/v4/DataGridMenu.vue.d.ts +5 -0
  59. package/components/table/v4/DataGridMenu.vue.js +5 -5
  60. package/components/table/v4/DataGridMenu.vue2.js +28 -22
  61. package/components/table/v4/index.d.ts +9 -0
  62. package/components/tabs/v4/TabsV4.vue.d.ts +5 -0
  63. package/components/tabs/v4/TabsV4.vue.js +3 -3
  64. package/components/tabs/v4/TabsV4.vue2.js +74 -43
  65. package/components/tabs/v4/index.d.ts +20 -1
  66. package/components/toggle/v4/ToggleV4.vue.d.ts +5 -0
  67. package/components/toggle/v4/ToggleV4.vue.js +3 -3
  68. package/components/toggle/v4/ToggleV4.vue2.js +50 -41
  69. package/components/toggle/v4/index.d.ts +20 -1
  70. package/components/tooltip/v4/TooltipV4.vue.d.ts +14 -1
  71. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  72. package/components/tooltip/v4/TooltipV4.vue2.js +85 -63
  73. package/components/tooltip/v4/index.d.ts +51 -4
  74. package/index.d.ts +2996 -2678
  75. package/index.js +1 -1
  76. package/package.json +5 -1
  77. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css +0 -1
  78. package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +0 -1
  79. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +0 -1
  80. package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +0 -1
  81. package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css +0 -1
  82. package/HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css +0 -1
  83. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +0 -1
  84. package/InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css +0 -1
  85. package/Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css +0 -1
  86. package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +0 -1
  87. package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css +0 -1
  88. package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css +0 -1
  89. package/TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css +0 -1
  90. package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +0 -1
  91. package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +0 -1
@@ -1,7 +1,7 @@
1
1
  import e from "./HelpText.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-641c2356"]]);
3
+ // import "../../HelpText.vue_vue_type_style_index_0_scoped_b5caf7cd_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b5caf7cd"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
@@ -1,9 +1,9 @@
1
- import "../../HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css"; import { defineComponent as s, openBlock as n, createBlock as p, unref as e, mergeProps as d, withCtx as l, renderSlot as i, createVNode as f } from "vue";
1
+ import "../../HelpText.vue_vue_type_style_index_0_scoped_b5caf7cd_lang.css"; import { defineComponent as i, openBlock as n, createBlock as p, unref as e, mergeProps as s, withCtx as l, renderSlot as d, createVNode as f } from "vue";
2
2
  import u from "../typography/v4/Typography.vue.js";
3
- import m from "../tooltip/v4/TooltipV4.vue.js";
4
- import { useTestIdAttrs as c } from "../../utils/testIds.js";
3
+ import c from "../tooltip/v4/TooltipV4.vue.js";
4
+ import { useTestIdAttrs as m } from "../../utils/testIds.js";
5
5
  import { HelpTextTestIdModifiers as a } from "../../testids/index.js";
6
- const y = /* @__PURE__ */ s({
6
+ const y = /* @__PURE__ */ i({
7
7
  __name: "HelpText",
8
8
  props: {
9
9
  variant: { default: "body1" },
@@ -15,23 +15,24 @@ const y = /* @__PURE__ */ s({
15
15
  tooltipPlacement: { default: "auto" }
16
16
  },
17
17
  setup(t) {
18
- const r = c(t.testId, a);
19
- return (o, g) => (n(), p(e(m), d({
18
+ const r = m(t.testId, a);
19
+ return (o, g) => (n(), p(e(c), s({
20
20
  class: ["help-text", [`help-text--${t.color}`, { "help-text--disabled": t.disabled }]],
21
21
  disabled: !o.$slots.tooltip || t.tooltipDisabled,
22
22
  triggers: t.tooltipTriggers,
23
- placement: t.tooltipPlacement
23
+ placement: t.tooltipPlacement,
24
+ focusable: ""
24
25
  }, e(r)[e(a).TOOLTIP]), {
25
26
  tooltip: l(() => [
26
- i(o.$slots, "tooltip", {}, void 0, !0)
27
+ d(o.$slots, "tooltip", {}, void 0, !0)
27
28
  ]),
28
29
  default: l(() => [
29
- f(e(u), d(e(r)[e(a).TEXT], {
30
+ f(e(u), s(e(r)[e(a).TEXT], {
30
31
  class: "underlined",
31
32
  variant: t.variant
32
33
  }), {
33
34
  default: l(() => [
34
- i(o.$slots, "default", {}, void 0, !0)
35
+ d(o.$slots, "default", {}, void 0, !0)
35
36
  ]),
36
37
  _: 3
37
38
  }, 16, ["variant"])
@@ -87,10 +87,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
87
  loading: boolean;
88
88
  autoFocus: boolean;
89
89
  hasSubtitle: boolean;
90
- showClearAll: boolean;
91
- defaultOpen: boolean;
92
90
  isOnTop: boolean;
91
+ defaultOpen: boolean;
93
92
  onSearch: (option: any, term: string) => boolean;
93
+ showClearAll: boolean;
94
94
  searchPlaceholder: string;
95
95
  titleText: string;
96
96
  alwayesOpen: boolean;
@@ -94,10 +94,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
94
94
  loading: boolean;
95
95
  autoFocus: boolean;
96
96
  hasSubtitle: boolean;
97
- showClearAll: boolean;
98
- defaultOpen: boolean;
99
97
  isOnTop: boolean;
98
+ defaultOpen: boolean;
100
99
  onSearch: (option: any, term: string) => boolean;
100
+ showClearAll: boolean;
101
101
  searchPlaceholder: string;
102
102
  titleText: string;
103
103
  alwayesOpen: boolean;
@@ -17,10 +17,10 @@ declare const IncludeExcludeTypes: () => (({
17
17
  loading: boolean;
18
18
  autoFocus: boolean;
19
19
  hasSubtitle: boolean;
20
- showClearAll: boolean;
21
- defaultOpen: boolean;
22
20
  isOnTop: boolean;
21
+ defaultOpen: boolean;
23
22
  onSearch: (option: any, term: string) => boolean;
23
+ showClearAll: boolean;
24
24
  searchPlaceholder: string;
25
25
  titleText: string;
26
26
  alwayesOpen: boolean;
@@ -66,7 +66,7 @@ declare const IncludeExcludeTypes: () => (({
66
66
  type: import("vue").PropType<boolean>;
67
67
  default: boolean;
68
68
  };
69
- showClearAll: {
69
+ isOnTop: {
70
70
  type: import("vue").PropType<boolean>;
71
71
  default: boolean;
72
72
  };
@@ -74,14 +74,14 @@ declare const IncludeExcludeTypes: () => (({
74
74
  type: import("vue").PropType<boolean>;
75
75
  default: boolean;
76
76
  };
77
- isOnTop: {
78
- type: import("vue").PropType<boolean>;
79
- default: boolean;
80
- };
81
77
  onSearch: {
82
78
  type: import("vue").PropType<(option: any, term: string) => boolean>;
83
79
  default: () => true;
84
80
  };
81
+ showClearAll: {
82
+ type: import("vue").PropType<boolean>;
83
+ default: boolean;
84
+ };
85
85
  searchPlaceholder: {
86
86
  type: import("vue").PropType<string>;
87
87
  default: string;
@@ -108,7 +108,7 @@ declare const IncludeExcludeTypes: () => (({
108
108
  };
109
109
  }>> & {
110
110
  "onUpdate:modelValue"?: (value: unknown) => any;
111
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "showClearAll" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset">;
111
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "isOnTop" | "defaultOpen" | "onSearch" | "showClearAll" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset">;
112
112
  $attrs: {
113
113
  [x: string]: unknown;
114
114
  };
@@ -162,7 +162,7 @@ declare const IncludeExcludeTypes: () => (({
162
162
  type: import("vue").PropType<boolean>;
163
163
  default: boolean;
164
164
  };
165
- showClearAll: {
165
+ isOnTop: {
166
166
  type: import("vue").PropType<boolean>;
167
167
  default: boolean;
168
168
  };
@@ -170,14 +170,14 @@ declare const IncludeExcludeTypes: () => (({
170
170
  type: import("vue").PropType<boolean>;
171
171
  default: boolean;
172
172
  };
173
- isOnTop: {
174
- type: import("vue").PropType<boolean>;
175
- default: boolean;
176
- };
177
173
  onSearch: {
178
174
  type: import("vue").PropType<(option: any, term: string) => boolean>;
179
175
  default: () => true;
180
176
  };
177
+ showClearAll: {
178
+ type: import("vue").PropType<boolean>;
179
+ default: boolean;
180
+ };
181
181
  searchPlaceholder: {
182
182
  type: import("vue").PropType<string>;
183
183
  default: string;
@@ -214,10 +214,10 @@ declare const IncludeExcludeTypes: () => (({
214
214
  loading: boolean;
215
215
  autoFocus: boolean;
216
216
  hasSubtitle: boolean;
217
- showClearAll: boolean;
218
- defaultOpen: boolean;
219
217
  isOnTop: boolean;
218
+ defaultOpen: boolean;
220
219
  onSearch: (option: any, term: string) => boolean;
220
+ showClearAll: boolean;
221
221
  searchPlaceholder: string;
222
222
  titleText: string;
223
223
  alwayesOpen: boolean;
@@ -283,7 +283,7 @@ declare const IncludeExcludeTypes: () => (({
283
283
  type: import("vue").PropType<boolean>;
284
284
  default: boolean;
285
285
  };
286
- showClearAll: {
286
+ isOnTop: {
287
287
  type: import("vue").PropType<boolean>;
288
288
  default: boolean;
289
289
  };
@@ -291,14 +291,14 @@ declare const IncludeExcludeTypes: () => (({
291
291
  type: import("vue").PropType<boolean>;
292
292
  default: boolean;
293
293
  };
294
- isOnTop: {
295
- type: import("vue").PropType<boolean>;
296
- default: boolean;
297
- };
298
294
  onSearch: {
299
295
  type: import("vue").PropType<(option: any, term: string) => boolean>;
300
296
  default: () => true;
301
297
  };
298
+ showClearAll: {
299
+ type: import("vue").PropType<boolean>;
300
+ default: boolean;
301
+ };
302
302
  searchPlaceholder: {
303
303
  type: import("vue").PropType<string>;
304
304
  default: string;
@@ -369,7 +369,7 @@ declare const IncludeExcludeTypes: () => (({
369
369
  type: import("vue").PropType<boolean>;
370
370
  default: boolean;
371
371
  };
372
- showClearAll: {
372
+ isOnTop: {
373
373
  type: import("vue").PropType<boolean>;
374
374
  default: boolean;
375
375
  };
@@ -377,14 +377,14 @@ declare const IncludeExcludeTypes: () => (({
377
377
  type: import("vue").PropType<boolean>;
378
378
  default: boolean;
379
379
  };
380
- isOnTop: {
381
- type: import("vue").PropType<boolean>;
382
- default: boolean;
383
- };
384
380
  onSearch: {
385
381
  type: import("vue").PropType<(option: any, term: string) => boolean>;
386
382
  default: () => true;
387
383
  };
384
+ showClearAll: {
385
+ type: import("vue").PropType<boolean>;
386
+ default: boolean;
387
+ };
388
388
  searchPlaceholder: {
389
389
  type: import("vue").PropType<string>;
390
390
  default: string;
@@ -421,10 +421,10 @@ declare const IncludeExcludeTypes: () => (({
421
421
  loading: boolean;
422
422
  autoFocus: boolean;
423
423
  hasSubtitle: boolean;
424
- showClearAll: boolean;
425
- defaultOpen: boolean;
426
424
  isOnTop: boolean;
425
+ defaultOpen: boolean;
427
426
  onSearch: (option: any, term: string) => boolean;
427
+ showClearAll: boolean;
428
428
  searchPlaceholder: string;
429
429
  titleText: string;
430
430
  alwayesOpen: boolean;
@@ -460,10 +460,10 @@ declare const IncludeExcludeTypes: () => (({
460
460
  loading: boolean;
461
461
  autoFocus: boolean;
462
462
  hasSubtitle: boolean;
463
- showClearAll: boolean;
464
- defaultOpen: boolean;
465
463
  isOnTop: boolean;
464
+ defaultOpen: boolean;
466
465
  onSearch: (option: any, term: string) => boolean;
466
+ showClearAll: boolean;
467
467
  searchPlaceholder: string;
468
468
  titleText: string;
469
469
  alwayesOpen: boolean;
@@ -507,7 +507,7 @@ declare const IncludeExcludeTypes: () => (({
507
507
  type: import("vue").PropType<boolean>;
508
508
  default: boolean;
509
509
  };
510
- showClearAll: {
510
+ isOnTop: {
511
511
  type: import("vue").PropType<boolean>;
512
512
  default: boolean;
513
513
  };
@@ -515,14 +515,14 @@ declare const IncludeExcludeTypes: () => (({
515
515
  type: import("vue").PropType<boolean>;
516
516
  default: boolean;
517
517
  };
518
- isOnTop: {
519
- type: import("vue").PropType<boolean>;
520
- default: boolean;
521
- };
522
518
  onSearch: {
523
519
  type: import("vue").PropType<(option: any, term: string) => boolean>;
524
520
  default: () => true;
525
521
  };
522
+ showClearAll: {
523
+ type: import("vue").PropType<boolean>;
524
+ default: boolean;
525
+ };
526
526
  searchPlaceholder: {
527
527
  type: import("vue").PropType<string>;
528
528
  default: string;
@@ -559,7 +559,7 @@ declare const IncludeExcludeTypes: () => (({
559
559
  "onUpdate:modelValue"?: (value: unknown) => any;
560
560
  onChangeDragDrop?: (value: unknown) => any;
561
561
  onClickOutside?: (value: unknown) => any;
562
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "showClearAll" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
562
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "isOnTop" | "defaultOpen" | "onSearch" | "showClearAll" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
563
563
  $attrs: {
564
564
  [x: string]: unknown;
565
565
  };
@@ -609,7 +609,7 @@ declare const IncludeExcludeTypes: () => (({
609
609
  type: import("vue").PropType<boolean>;
610
610
  default: boolean;
611
611
  };
612
- showClearAll: {
612
+ isOnTop: {
613
613
  type: import("vue").PropType<boolean>;
614
614
  default: boolean;
615
615
  };
@@ -617,14 +617,14 @@ declare const IncludeExcludeTypes: () => (({
617
617
  type: import("vue").PropType<boolean>;
618
618
  default: boolean;
619
619
  };
620
- isOnTop: {
621
- type: import("vue").PropType<boolean>;
622
- default: boolean;
623
- };
624
620
  onSearch: {
625
621
  type: import("vue").PropType<(option: any, term: string) => boolean>;
626
622
  default: () => true;
627
623
  };
624
+ showClearAll: {
625
+ type: import("vue").PropType<boolean>;
626
+ default: boolean;
627
+ };
628
628
  searchPlaceholder: {
629
629
  type: import("vue").PropType<string>;
630
630
  default: string;
@@ -672,10 +672,10 @@ declare const IncludeExcludeTypes: () => (({
672
672
  loading: boolean;
673
673
  autoFocus: boolean;
674
674
  hasSubtitle: boolean;
675
- showClearAll: boolean;
676
- defaultOpen: boolean;
677
675
  isOnTop: boolean;
676
+ defaultOpen: boolean;
678
677
  onSearch: (option: any, term: string) => boolean;
678
+ showClearAll: boolean;
679
679
  searchPlaceholder: string;
680
680
  titleText: string;
681
681
  alwayesOpen: boolean;
@@ -739,7 +739,7 @@ declare const IncludeExcludeTypes: () => (({
739
739
  type: import("vue").PropType<boolean>;
740
740
  default: boolean;
741
741
  };
742
- showClearAll: {
742
+ isOnTop: {
743
743
  type: import("vue").PropType<boolean>;
744
744
  default: boolean;
745
745
  };
@@ -747,14 +747,14 @@ declare const IncludeExcludeTypes: () => (({
747
747
  type: import("vue").PropType<boolean>;
748
748
  default: boolean;
749
749
  };
750
- isOnTop: {
751
- type: import("vue").PropType<boolean>;
752
- default: boolean;
753
- };
754
750
  onSearch: {
755
751
  type: import("vue").PropType<(option: any, term: string) => boolean>;
756
752
  default: () => true;
757
753
  };
754
+ showClearAll: {
755
+ type: import("vue").PropType<boolean>;
756
+ default: boolean;
757
+ };
758
758
  searchPlaceholder: {
759
759
  type: import("vue").PropType<string>;
760
760
  default: string;
@@ -831,7 +831,7 @@ declare const IncludeExcludeTypes: () => (({
831
831
  type: import("vue").PropType<boolean>;
832
832
  default: boolean;
833
833
  };
834
- showClearAll: {
834
+ isOnTop: {
835
835
  type: import("vue").PropType<boolean>;
836
836
  default: boolean;
837
837
  };
@@ -839,14 +839,14 @@ declare const IncludeExcludeTypes: () => (({
839
839
  type: import("vue").PropType<boolean>;
840
840
  default: boolean;
841
841
  };
842
- isOnTop: {
843
- type: import("vue").PropType<boolean>;
844
- default: boolean;
845
- };
846
842
  onSearch: {
847
843
  type: import("vue").PropType<(option: any, term: string) => boolean>;
848
844
  default: () => true;
849
845
  };
846
+ showClearAll: {
847
+ type: import("vue").PropType<boolean>;
848
+ default: boolean;
849
+ };
850
850
  searchPlaceholder: {
851
851
  type: import("vue").PropType<string>;
852
852
  default: string;
@@ -894,10 +894,10 @@ declare const IncludeExcludeTypes: () => (({
894
894
  loading: boolean;
895
895
  autoFocus: boolean;
896
896
  hasSubtitle: boolean;
897
- showClearAll: boolean;
898
- defaultOpen: boolean;
899
897
  isOnTop: boolean;
898
+ defaultOpen: boolean;
900
899
  onSearch: (option: any, term: string) => boolean;
900
+ showClearAll: boolean;
901
901
  searchPlaceholder: string;
902
902
  titleText: string;
903
903
  alwayesOpen: boolean;
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
12
12
  asyncCopy?: boolean;
13
13
  isLoading?: boolean;
14
14
  loadingTitle?: string;
15
+ ariaLabel?: string;
15
16
  }>, {
16
17
  size: string;
17
18
  text: string;
@@ -25,6 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
25
26
  asyncCopy: boolean;
26
27
  isLoading: boolean;
27
28
  loadingTitle: string;
29
+ ariaLabel: string;
28
30
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
29
31
  copy: () => void;
30
32
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -40,6 +42,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
40
42
  asyncCopy?: boolean;
41
43
  isLoading?: boolean;
42
44
  loadingTitle?: string;
45
+ ariaLabel?: string;
43
46
  }>, {
44
47
  size: string;
45
48
  text: string;
@@ -53,6 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
53
56
  asyncCopy: boolean;
54
57
  isLoading: boolean;
55
58
  loadingTitle: string;
59
+ ariaLabel: string;
56
60
  }>>> & {
57
61
  onCopy?: () => any;
58
62
  }, {
@@ -68,6 +72,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
68
72
  valueToCopy: string;
69
73
  asyncCopy: boolean;
70
74
  loadingTitle: string;
75
+ ariaLabel: string;
71
76
  }>;
72
77
  export default _default;
73
78
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./InlineCopy.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9fa1921a"]]);
3
+ // import "../../InlineCopy.vue_vue_type_style_index_0_scoped_8cb01c9d_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8cb01c9d"]]);
5
5
  export {
6
- t as default
6
+ s as default
7
7
  };
@@ -1,13 +1,13 @@
1
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; import { defineComponent as v, ref as g, computed as h, watch as k, resolveComponent as z, openBlock as m, createElementBlock as I, createBlock as B, unref as t, mergeProps as y, withCtx as T, createTextVNode as S, toDisplayString as w, createCommentVNode as V, createVNode as n } from "vue";
2
- import b from "../icon/v4/IconV4.vue.js";
1
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_8cb01c9d_lang.css"; import { defineComponent as h, ref as v, computed as d, watch as z, openBlock as f, createElementBlock as I, unref as t, createBlock as k, mergeProps as y, withCtx as m, createTextVNode as B, toDisplayString as S, createCommentVNode as L, createVNode as x } from "vue";
2
+ import V from "../icon/v4/IconV4.vue.js";
3
3
  import "../icon/v4/IconFlag.vue.js";
4
- import L from "../typography/v4/Typography.vue.js";
4
+ import w from "../typography/v4/Typography.vue.js";
5
5
  import { useClipboard as N } from "@vueuse/core";
6
- import { Snackbar as c } from "../snackbar/v4/index.js";
6
+ import { Snackbar as i } from "../snackbar/v4/index.js";
7
7
  import P from "../tooltip/v4/TooltipV4.vue.js";
8
8
  import { useTestIdAttrs as A } from "../../utils/testIds.js";
9
- import { InlineCopyTestIdModifiers as s } from "../../testids/index.js";
10
- const F = /* @__PURE__ */ v({
9
+ import { InlineCopyTestIdModifiers as n } from "../../testids/index.js";
10
+ const E = ["aria-label"], F = /* @__PURE__ */ h({
11
11
  __name: "InlineCopy",
12
12
  props: {
13
13
  text: { default: "" },
@@ -21,11 +21,14 @@ const F = /* @__PURE__ */ v({
21
21
  valueToCopy: { default: "" },
22
22
  asyncCopy: { type: Boolean, default: !1 },
23
23
  isLoading: { type: Boolean, default: !1 },
24
- loadingTitle: { default: "" }
24
+ loadingTitle: { default: "" },
25
+ ariaLabel: { default: "" }
25
26
  },
26
27
  emits: ["copy"],
27
- setup(o, { emit: r }) {
28
- const e = o, a = g(null), { copy: d, copied: p } = N({}), C = h(() => {
28
+ setup(o, { emit: c }) {
29
+ const e = o, a = v(null), { copy: s, copied: r } = N({}), T = d(
30
+ () => e.ariaLabel || (e.text ? `Copy ${e.text}` : e.tooltipText)
31
+ ), C = d(() => {
29
32
  switch (e.size) {
30
33
  case "medium":
31
34
  return "0.875rem";
@@ -34,12 +37,12 @@ const F = /* @__PURE__ */ v({
34
37
  return "0.75rem";
35
38
  }
36
39
  });
37
- k(
40
+ z(
38
41
  () => e.isLoading,
39
- async (l, f) => {
40
- if (f && !l && a.value) {
41
- const i = e.valueToCopy || e.text;
42
- a.value.close(), await d(i), p.value && c({
42
+ async (l, p) => {
43
+ if (p && !l && a.value) {
44
+ const g = e.valueToCopy || e.text;
45
+ a.value.close(), await s(g), r.value && i({
43
46
  title: "Copied successfully",
44
47
  type: "success",
45
48
  duration: 2e3
@@ -47,55 +50,53 @@ const F = /* @__PURE__ */ v({
47
50
  }
48
51
  }
49
52
  );
50
- const x = async () => {
53
+ const b = async () => {
51
54
  if (e.asyncCopy)
52
- a.value = c({
55
+ a.value = i({
53
56
  title: e.loadingTitle,
54
57
  type: "loading",
55
58
  isLoading: !0
56
- }), r("copy");
59
+ }), c("copy");
57
60
  else {
58
61
  const l = e.valueToCopy || e.text;
59
- await d(l), p.value && c({
62
+ await s(l), r.value && i({
60
63
  title: "Copied successfully",
61
64
  type: "success",
62
65
  duration: 2e3
63
- }), r("copy");
66
+ }), c("copy");
64
67
  }
65
- }, u = A(e.testId, s);
66
- return (l, f) => {
67
- const i = z("Loader");
68
- return m(), I("div", {
69
- class: "inline-copy",
70
- onClick: x
71
- }, [
72
- o.hideTextValue ? V("", !0) : (m(), B(t(L), y({
73
- key: 0,
74
- variant: "caption",
75
- style: { fontSize: t(C) }
76
- }, t(u)[t(s).TEXT]), {
77
- default: T(() => [
78
- S(w(o.text), 1)
79
- ]),
80
- _: 1
81
- }, 16, ["style"])),
82
- n(i, { "stroke-width": 2 }),
83
- n(t(P), {
84
- text: o.tooltipText,
85
- header: o.tooltipHeader,
86
- placement: o.tooltipPlacement
87
- }, {
88
- default: T(() => [
89
- n(t(b), y({
90
- class: "icon-copy",
91
- name: "copy",
92
- size: o.iconSize || "16px"
93
- }, t(u)[t(s).COPY_BTN]), null, 16, ["size"])
94
- ]),
95
- _: 1
96
- }, 8, ["text", "header", "placement"])
97
- ]);
98
- };
68
+ }, u = A(e.testId, n);
69
+ return (l, p) => (f(), I("button", {
70
+ type: "button",
71
+ class: "inline-copy",
72
+ "aria-label": t(T),
73
+ onClick: b
74
+ }, [
75
+ o.hideTextValue ? L("", !0) : (f(), k(t(w), y({
76
+ key: 0,
77
+ variant: "caption",
78
+ style: { fontSize: t(C) }
79
+ }, t(u)[t(n).TEXT]), {
80
+ default: m(() => [
81
+ B(S(o.text), 1)
82
+ ]),
83
+ _: 1
84
+ }, 16, ["style"])),
85
+ x(t(P), {
86
+ text: o.tooltipText,
87
+ header: o.tooltipHeader,
88
+ placement: o.tooltipPlacement
89
+ }, {
90
+ default: m(() => [
91
+ x(t(V), y({
92
+ class: "icon-copy",
93
+ name: "copy",
94
+ size: o.iconSize || "16px"
95
+ }, t(u)[t(n).COPY_BTN]), null, 16, ["size"])
96
+ ]),
97
+ _: 1
98
+ }, 8, ["text", "header", "placement"])
99
+ ], 8, E));
99
100
  }
100
101
  });
101
102
  export {
@@ -52,6 +52,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
52
52
  type: import("vue").PropType<string>;
53
53
  default: string;
54
54
  };
55
+ ariaLabel: {
56
+ type: import("vue").PropType<string>;
57
+ default: string;
58
+ };
55
59
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
56
60
  copy: () => void;
57
61
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -107,6 +111,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
107
111
  type: import("vue").PropType<string>;
108
112
  default: string;
109
113
  };
114
+ ariaLabel: {
115
+ type: import("vue").PropType<string>;
116
+ default: string;
117
+ };
110
118
  }>> & {
111
119
  onCopy?: () => any;
112
120
  }, {
@@ -122,5 +130,6 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
122
130
  valueToCopy: string;
123
131
  asyncCopy: boolean;
124
132
  loadingTitle: string;
133
+ ariaLabel: string;
125
134
  }>[];
126
135
  export { InlineCopy, InlineCopyTypes };
@@ -31,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
31
  inlineErrorText?: string;
32
32
  inlineErrorTextPlacement?: TooltipPositions;
33
33
  clearable?: boolean;
34
+ clearLabel?: string;
34
35
  loading?: boolean;
35
36
  }>, {
36
37
  modelValue: string;
@@ -62,6 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
62
63
  showFeedbackTextIcon: boolean;
63
64
  feedbackPositionAbsolute: boolean;
64
65
  clearable: boolean;
66
+ clearLabel: string;
65
67
  loading: boolean;
66
68
  }>, {
67
69
  manualFocus: () => any;
@@ -99,6 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
99
101
  inlineErrorText?: string;
100
102
  inlineErrorTextPlacement?: TooltipPositions;
101
103
  clearable?: boolean;
104
+ clearLabel?: string;
102
105
  loading?: boolean;
103
106
  }>, {
104
107
  modelValue: string;
@@ -130,6 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
130
133
  showFeedbackTextIcon: boolean;
131
134
  feedbackPositionAbsolute: boolean;
132
135
  clearable: boolean;
136
+ clearLabel: string;
133
137
  loading: boolean;
134
138
  }>>> & {
135
139
  "onUpdate:modelValue"?: (value: string | number) => any;
@@ -166,6 +170,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
166
170
  showFeedbackTextIcon: boolean;
167
171
  feedbackPositionAbsolute: boolean;
168
172
  clearable: boolean;
173
+ clearLabel: string;
169
174
  }>, {
170
175
  iconBefore?(_: {}): any;
171
176
  iconAfter?(_: {}): any;