@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.
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_5a645cc9_lang.css +1 -0
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_b7e65177_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_bb44cdf8_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_f44f2402_lang.css +1 -0
- package/FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css +1 -0
- package/HelpText.vue_vue_type_style_index_0_scoped_b5caf7cd_lang.css +1 -0
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_2a5345ef_lang.css +1 -0
- package/InlineCopy.vue_vue_type_style_index_0_scoped_8cb01c9d_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_c4345b08_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_d48a9318_lang.css +1 -0
- package/SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css +1 -0
- package/TabsV4.vue_vue_type_style_index_0_scoped_9747c9da_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_f4275491_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_fbbae882_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_22e25f74_lang.css +1 -0
- package/components/autocomplete/index.d.ts +16 -16
- package/components/columnPicker/ColumnPicker.vue.d.ts +1 -1
- package/components/columnPicker/index.d.ts +20 -20
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +28 -27
- package/components/dropdown/common/Dropdown.common.js +351 -274
- package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
- package/components/dropdown/v3/index.d.ts +77 -77
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +38 -32
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +1 -1
- package/components/dropdown/v4/DropdownV4.vue.d.ts +50 -41
- package/components/dropdown/v4/DropdownV4.vue.js +2 -2
- package/components/dropdown/v4/DropdownV4.vue2.js +237 -216
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +5 -0
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -9
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +12 -12
- package/components/dropdown/v4/TreeDropdown.vue.d.ts +1 -1
- package/components/dropdown/v4/index.d.ts +2377 -2349
- package/components/helpText/HelpText.vue.js +3 -3
- package/components/helpText/HelpText.vue2.js +11 -10
- package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
- package/components/includeExclude/index.d.ts +54 -54
- package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
- package/components/inlineCopy/InlineCopy.vue.js +3 -3
- package/components/inlineCopy/InlineCopy.vue2.js +54 -53
- package/components/inlineCopy/index.d.ts +9 -0
- package/components/input/v4/TextField.vue.d.ts +5 -0
- package/components/input/v4/TextField.vue.js +2 -2
- package/components/input/v4/TextField.vue2.js +22 -19
- package/components/input/v4/index.d.ts +20 -1
- package/components/link/Link.vue.js +5 -5
- package/components/link/Link.vue2.js +30 -21
- package/components/search/v4/SearchV4.vue.d.ts +5 -0
- package/components/search/v4/SearchV4.vue.js +5 -5
- package/components/search/v4/SearchV4.vue2.js +23 -18
- package/components/search/v4/index.d.ts +9 -0
- package/components/shared/FieldLabel.vue.js +3 -3
- package/components/shared/FieldLabel.vue2.js +9 -8
- package/components/table/v4/DataGridMenu.vue.d.ts +5 -0
- package/components/table/v4/DataGridMenu.vue.js +5 -5
- package/components/table/v4/DataGridMenu.vue2.js +28 -22
- package/components/table/v4/index.d.ts +9 -0
- package/components/tabs/v4/TabsV4.vue.d.ts +5 -0
- package/components/tabs/v4/TabsV4.vue.js +3 -3
- package/components/tabs/v4/TabsV4.vue2.js +74 -43
- package/components/tabs/v4/index.d.ts +20 -1
- package/components/toggle/v4/ToggleV4.vue.d.ts +5 -0
- package/components/toggle/v4/ToggleV4.vue.js +3 -3
- package/components/toggle/v4/ToggleV4.vue2.js +50 -41
- package/components/toggle/v4/index.d.ts +20 -1
- package/components/tooltip/v4/TooltipV4.vue.d.ts +14 -1
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +85 -63
- package/components/tooltip/v4/index.d.ts +51 -4
- package/index.d.ts +2996 -2678
- package/index.js +1 -1
- package/package.json +5 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css +0 -1
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +0 -1
- package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css +0 -1
- package/HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css +0 -1
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +0 -1
- package/InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +0 -1
- package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css +0 -1
- package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css +0 -1
- package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +0 -1
- 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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "../../HelpText.
|
|
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
|
|
4
|
-
import { useTestIdAttrs as
|
|
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__ */
|
|
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 =
|
|
19
|
-
return (o, g) => (n(), p(e(
|
|
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
|
-
|
|
27
|
+
d(o.$slots, "tooltip", {}, void 0, !0)
|
|
27
28
|
]),
|
|
28
29
|
default: l(() => [
|
|
29
|
-
f(e(u),
|
|
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
|
-
|
|
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
|
-
|
|
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" | "
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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" | "
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import "../../InlineCopy.
|
|
2
|
-
import
|
|
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
|
|
4
|
+
import w from "../typography/v4/Typography.vue.js";
|
|
5
5
|
import { useClipboard as N } from "@vueuse/core";
|
|
6
|
-
import { Snackbar as
|
|
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
|
|
10
|
-
const F = /* @__PURE__ */
|
|
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:
|
|
28
|
-
const e = o, a =
|
|
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
|
-
|
|
40
|
+
z(
|
|
38
41
|
() => e.isLoading,
|
|
39
|
-
async (l,
|
|
40
|
-
if (
|
|
41
|
-
const
|
|
42
|
-
a.value.close(), await
|
|
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
|
|
53
|
+
const b = async () => {
|
|
51
54
|
if (e.asyncCopy)
|
|
52
|
-
a.value =
|
|
55
|
+
a.value = i({
|
|
53
56
|
title: e.loadingTitle,
|
|
54
57
|
type: "loading",
|
|
55
58
|
isLoading: !0
|
|
56
|
-
}),
|
|
59
|
+
}), c("copy");
|
|
57
60
|
else {
|
|
58
61
|
const l = e.valueToCopy || e.text;
|
|
59
|
-
await
|
|
62
|
+
await s(l), r.value && i({
|
|
60
63
|
title: "Copied successfully",
|
|
61
64
|
type: "success",
|
|
62
65
|
duration: 2e3
|
|
63
|
-
}),
|
|
66
|
+
}), c("copy");
|
|
64
67
|
}
|
|
65
|
-
}, u = A(e.testId,
|
|
66
|
-
return (l,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
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;
|