@ironsource/shared-ui 2.1.11-rc.14 → 2.1.11-rc.16
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/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +1 -0
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +12 -12
- package/components/popover/v4/PopoverV4.vue.d.ts +1 -1
- package/components/popover/v4/index.d.ts +20 -20
- package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
- package/components/tooltip/v4/index.d.ts +39 -1
- package/index.d.ts +118 -42
- package/index.js +1 -1
- package/package.json +1 -1
- package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-2e327aa1],.font-chart-2[data-v-2e327aa1],.font-chart-1[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-2e327aa1],.font-table-label[data-v-2e327aa1],.font-button[data-v-2e327aa1],.font-heading-6[data-v-2e327aa1],.font-heading-5[data-v-2e327aa1],.font-heading-4[data-v-2e327aa1],.font-heading-3[data-v-2e327aa1],.font-heading-2[data-v-2e327aa1],.font-heading-1[data-v-2e327aa1],.font-title[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-2e327aa1],.font-input-label[data-v-2e327aa1],.font-overline[data-v-2e327aa1],.font-subtitle-2[data-v-2e327aa1],.font-subtitle-1[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-2e327aa1],.font-body-2[data-v-2e327aa1],.input-container .input[data-v-2e327aa1],.font-body-1[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-2e327aa1]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-2e327aa1]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-2e327aa1]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-2e327aa1]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-2e327aa1]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-2e327aa1]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-2e327aa1]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-2e327aa1],.font-body-1[data-v-2e327aa1]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-2e327aa1]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-2e327aa1]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-2e327aa1]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-2e327aa1]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-2e327aa1]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-2e327aa1]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-2e327aa1]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-2e327aa1]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-2e327aa1]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-2e327aa1]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-2e327aa1],.font-tab-label2[data-v-2e327aa1]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-2e327aa1]{font-size:.75rem;line-height:1rem}h1[data-v-2e327aa1],h2[data-v-2e327aa1],h3[data-v-2e327aa1],h4[data-v-2e327aa1],h5[data-v-2e327aa1],h6[data-v-2e327aa1]{margin:0}.disabled .input[data-v-2e327aa1]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-2e327aa1]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-2e327aa1]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-2e327aa1]{height:28px}.input-size-medium[data-v-2e327aa1]{height:32px}.input-size-large[data-v-2e327aa1]{height:40px}.input-with-label-container[data-v-2e327aa1]{display:flex;flex-direction:column}.input-container[data-v-2e327aa1]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-2e327aa1]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-2e327aa1]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-2e327aa1]:focus{outline:none}.input-container .input[data-v-2e327aa1]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-2e327aa1]{color:var(--text-disabled)}.input-container .input[type=number][data-v-2e327aa1]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-2e327aa1]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-2e327aa1]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-2e327aa1]{letter-spacing:4px}.input-container[data-v-2e327aa1] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-2e327aa1]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-2e327aa1]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-2e327aa1]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-2e327aa1]{padding-left:var(--spacing-50)}.prefix-text[data-v-2e327aa1]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-2e327aa1]{color:var(--text-secondary, #646464)}.focused[data-v-2e327aa1],.focused[data-v-2e327aa1]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-2e327aa1],.error-icon.error-icon[data-v-2e327aa1]:hover{color:var(--error-main)}.label-direction-left[data-v-2e327aa1]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-2e327aa1]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-2e327aa1]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-2e327aa1]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-2e327aa1]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-2e327aa1]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-2e327aa1],.variant-success .input-container[data-v-2e327aa1]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-2e327aa1],.variant-error .input-container[data-v-2e327aa1]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-2e327aa1],.variant-warning .input-container[data-v-2e327aa1]:hover{outline:2px solid var(--warning-dark)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-82b46d6d]{display:block}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./TextField.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TextField.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e327aa1"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../TextField.
|
|
1
|
+
import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
|
|
2
2
|
import v from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../../icon/v4/IconFlag.vue.js";
|
|
4
4
|
import X from "../../tooltip/v4/TooltipV4.vue.js";
|
|
@@ -13,7 +13,7 @@ const te = {
|
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "icon-container icon-before"
|
|
15
15
|
}, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
|
|
16
|
-
key:
|
|
16
|
+
key: 5,
|
|
17
17
|
class: "inline-error"
|
|
18
18
|
}, oe = {
|
|
19
19
|
key: 7,
|
|
@@ -154,6 +154,16 @@ const te = {
|
|
|
154
154
|
size: "20px"
|
|
155
155
|
})
|
|
156
156
|
], 8, ae)) : n("", !0),
|
|
157
|
+
e.suffix ? (l(), r(t(D), {
|
|
158
|
+
key: 4,
|
|
159
|
+
class: "suffix-text",
|
|
160
|
+
variant: "body1"
|
|
161
|
+
}, {
|
|
162
|
+
default: b(() => [
|
|
163
|
+
V($(e.suffix), 1)
|
|
164
|
+
]),
|
|
165
|
+
_: 1
|
|
166
|
+
})) : n("", !0),
|
|
157
167
|
e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
|
|
158
168
|
p(t(X), c({
|
|
159
169
|
disabled: !e.inlineErrorText && !t(s)?.error?.value,
|
|
@@ -170,16 +180,6 @@ const te = {
|
|
|
170
180
|
_: 1
|
|
171
181
|
}, 16, ["disabled", "text", "test-id", "placement"])
|
|
172
182
|
])) : n("", !0),
|
|
173
|
-
e.suffix ? (l(), r(t(D), {
|
|
174
|
-
key: 5,
|
|
175
|
-
class: "suffix-text",
|
|
176
|
-
variant: "body1"
|
|
177
|
-
}, {
|
|
178
|
-
default: b(() => [
|
|
179
|
-
V($(e.suffix), 1)
|
|
180
|
-
]),
|
|
181
|
-
_: 1
|
|
182
|
-
})) : n("", !0),
|
|
183
183
|
e.type === "password" ? (l(), d("div", c({
|
|
184
184
|
key: 6,
|
|
185
185
|
class: "password-visibility-toggle"
|
|
@@ -46,8 +46,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
46
46
|
placement: Placement;
|
|
47
47
|
disabled: boolean;
|
|
48
48
|
distance: number;
|
|
49
|
-
popperClass: string;
|
|
50
49
|
autoHide: boolean;
|
|
50
|
+
popperClass: string;
|
|
51
51
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
52
52
|
skidding: number;
|
|
53
53
|
}>, {
|
|
@@ -8,8 +8,8 @@ declare const PopoverTypes: () => ({
|
|
|
8
8
|
placement: import("floating-vue").Placement;
|
|
9
9
|
disabled: boolean;
|
|
10
10
|
distance: number;
|
|
11
|
-
popperClass: string;
|
|
12
11
|
autoHide: boolean;
|
|
12
|
+
popperClass: string;
|
|
13
13
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
14
14
|
skidding: number;
|
|
15
15
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -29,14 +29,14 @@ declare const PopoverTypes: () => ({
|
|
|
29
29
|
type: import("vue").PropType<number>;
|
|
30
30
|
default: number;
|
|
31
31
|
};
|
|
32
|
-
popperClass: {
|
|
33
|
-
type: import("vue").PropType<string>;
|
|
34
|
-
default: string;
|
|
35
|
-
};
|
|
36
32
|
autoHide: {
|
|
37
33
|
type: import("vue").PropType<boolean>;
|
|
38
34
|
default: boolean;
|
|
39
35
|
};
|
|
36
|
+
popperClass: {
|
|
37
|
+
type: import("vue").PropType<string>;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
40
|
trigger: {
|
|
41
41
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
42
42
|
default: string;
|
|
@@ -47,7 +47,7 @@ declare const PopoverTypes: () => ({
|
|
|
47
47
|
};
|
|
48
48
|
}>> & {
|
|
49
49
|
onIsOpen?: (value: boolean) => any;
|
|
50
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "
|
|
50
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "trigger" | "skidding">;
|
|
51
51
|
$attrs: {
|
|
52
52
|
[x: string]: unknown;
|
|
53
53
|
};
|
|
@@ -78,14 +78,14 @@ declare const PopoverTypes: () => ({
|
|
|
78
78
|
type: import("vue").PropType<number>;
|
|
79
79
|
default: number;
|
|
80
80
|
};
|
|
81
|
-
popperClass: {
|
|
82
|
-
type: import("vue").PropType<string>;
|
|
83
|
-
default: string;
|
|
84
|
-
};
|
|
85
81
|
autoHide: {
|
|
86
82
|
type: import("vue").PropType<boolean>;
|
|
87
83
|
default: boolean;
|
|
88
84
|
};
|
|
85
|
+
popperClass: {
|
|
86
|
+
type: import("vue").PropType<string>;
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
89
|
trigger: {
|
|
90
90
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
91
91
|
default: string;
|
|
@@ -105,8 +105,8 @@ declare const PopoverTypes: () => ({
|
|
|
105
105
|
placement: import("floating-vue").Placement;
|
|
106
106
|
disabled: boolean;
|
|
107
107
|
distance: number;
|
|
108
|
-
popperClass: string;
|
|
109
108
|
autoHide: boolean;
|
|
109
|
+
popperClass: string;
|
|
110
110
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
111
111
|
skidding: number;
|
|
112
112
|
}, {}, string> & {
|
|
@@ -146,14 +146,14 @@ declare const PopoverTypes: () => ({
|
|
|
146
146
|
type: import("vue").PropType<number>;
|
|
147
147
|
default: number;
|
|
148
148
|
};
|
|
149
|
-
popperClass: {
|
|
150
|
-
type: import("vue").PropType<string>;
|
|
151
|
-
default: string;
|
|
152
|
-
};
|
|
153
149
|
autoHide: {
|
|
154
150
|
type: import("vue").PropType<boolean>;
|
|
155
151
|
default: boolean;
|
|
156
152
|
};
|
|
153
|
+
popperClass: {
|
|
154
|
+
type: import("vue").PropType<string>;
|
|
155
|
+
default: string;
|
|
156
|
+
};
|
|
157
157
|
trigger: {
|
|
158
158
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
159
159
|
default: string;
|
|
@@ -187,14 +187,14 @@ declare const PopoverTypes: () => ({
|
|
|
187
187
|
type: import("vue").PropType<number>;
|
|
188
188
|
default: number;
|
|
189
189
|
};
|
|
190
|
-
popperClass: {
|
|
191
|
-
type: import("vue").PropType<string>;
|
|
192
|
-
default: string;
|
|
193
|
-
};
|
|
194
190
|
autoHide: {
|
|
195
191
|
type: import("vue").PropType<boolean>;
|
|
196
192
|
default: boolean;
|
|
197
193
|
};
|
|
194
|
+
popperClass: {
|
|
195
|
+
type: import("vue").PropType<string>;
|
|
196
|
+
default: string;
|
|
197
|
+
};
|
|
198
198
|
trigger: {
|
|
199
199
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
200
200
|
default: string;
|
|
@@ -214,8 +214,8 @@ declare const PopoverTypes: () => ({
|
|
|
214
214
|
placement: import("floating-vue").Placement;
|
|
215
215
|
disabled: boolean;
|
|
216
216
|
distance: number;
|
|
217
|
-
popperClass: string;
|
|
218
217
|
autoHide: boolean;
|
|
218
|
+
popperClass: string;
|
|
219
219
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
220
220
|
skidding: number;
|
|
221
221
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -11,6 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
11
11
|
testId?: string;
|
|
12
12
|
distance?: string | number;
|
|
13
13
|
container?: string;
|
|
14
|
+
shown?: boolean;
|
|
15
|
+
autoHide?: boolean;
|
|
14
16
|
}>, {
|
|
15
17
|
text: any;
|
|
16
18
|
header: any;
|
|
@@ -23,6 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
25
|
testId: string;
|
|
24
26
|
distance: string;
|
|
25
27
|
container: string;
|
|
28
|
+
shown: any;
|
|
29
|
+
autoHide: boolean;
|
|
26
30
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
27
31
|
show: () => void;
|
|
28
32
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -37,6 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
37
41
|
testId?: string;
|
|
38
42
|
distance?: string | number;
|
|
39
43
|
container?: string;
|
|
44
|
+
shown?: boolean;
|
|
45
|
+
autoHide?: boolean;
|
|
40
46
|
}>, {
|
|
41
47
|
text: any;
|
|
42
48
|
header: any;
|
|
@@ -49,6 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
49
55
|
testId: string;
|
|
50
56
|
distance: string;
|
|
51
57
|
container: string;
|
|
58
|
+
shown: any;
|
|
59
|
+
autoHide: boolean;
|
|
52
60
|
}>>> & {
|
|
53
61
|
onShow?: () => any;
|
|
54
62
|
}, {
|
|
@@ -63,6 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
63
71
|
disabled: boolean;
|
|
64
72
|
distance: string | number;
|
|
65
73
|
container: string;
|
|
74
|
+
shown: boolean;
|
|
75
|
+
autoHide: boolean;
|
|
66
76
|
}>, {
|
|
67
77
|
default?(_: {}): any;
|
|
68
78
|
tooltip?(_: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./TooltipV4.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TooltipV4.
|
|
3
|
+
// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css"; //*');
|
|
4
4
|
// import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-
|
|
5
|
+
const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-82b46d6d"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "../../../TooltipV4.
|
|
1
|
+
import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as n, renderSlot as m, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
|
|
2
2
|
import g from "./TextWithTitleContent.vue.js";
|
|
3
|
-
import { Tooltip as
|
|
3
|
+
import { Tooltip as w } from "floating-vue";
|
|
4
4
|
import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
|
|
5
|
-
import
|
|
6
|
-
import { tooltipCommon as
|
|
7
|
-
import { useTestIdAttrs as
|
|
8
|
-
const
|
|
5
|
+
import x from "../../typography/v4/Typography.vue.js";
|
|
6
|
+
import { tooltipCommon as v } from "../common/Tooltip.common.js";
|
|
7
|
+
import { useTestIdAttrs as b } from "../../../utils/testIds.js";
|
|
8
|
+
const B = {
|
|
9
9
|
ref: "container",
|
|
10
10
|
class: "container"
|
|
11
|
-
}, D = /* @__PURE__ */
|
|
11
|
+
}, D = /* @__PURE__ */ c({
|
|
12
12
|
__name: "TooltipV4",
|
|
13
13
|
props: {
|
|
14
14
|
text: { default: null },
|
|
@@ -21,12 +21,14 @@ const I = {
|
|
|
21
21
|
disabled: { type: Boolean, default: !1 },
|
|
22
22
|
testId: { default: "" },
|
|
23
23
|
distance: { default: "10" },
|
|
24
|
-
container: { default: "body" }
|
|
24
|
+
container: { default: "body" },
|
|
25
|
+
shown: { type: Boolean, default: null },
|
|
26
|
+
autoHide: { type: Boolean, default: !0 }
|
|
25
27
|
},
|
|
26
28
|
emits: ["show"],
|
|
27
|
-
setup(e, { emit:
|
|
28
|
-
const
|
|
29
|
-
return (a,
|
|
29
|
+
setup(e, { emit: h }) {
|
|
30
|
+
const r = e, { textForDisplay: o } = v(r), s = b(r.testId, i);
|
|
31
|
+
return (a, u) => (l(), d(t(w), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
|
|
30
32
|
theme: e.theme,
|
|
31
33
|
"no-auto-focus": "",
|
|
32
34
|
triggers: e.triggers,
|
|
@@ -36,33 +38,34 @@ const I = {
|
|
|
36
38
|
"popper-class": [e.theme, e.placement, "v4-tooltip"],
|
|
37
39
|
class: ["v4-tooltip"],
|
|
38
40
|
distance: e.distance,
|
|
39
|
-
"auto-hide":
|
|
40
|
-
|
|
41
|
+
"auto-hide": e.autoHide,
|
|
42
|
+
shown: e.shown,
|
|
43
|
+
onApplyShow: u[0] || (u[0] = (I) => h("show"))
|
|
41
44
|
}), {
|
|
42
|
-
popper:
|
|
43
|
-
|
|
45
|
+
popper: n(() => [
|
|
46
|
+
m(a.$slots, "tooltip", { text: t(o) }, () => [
|
|
44
47
|
e.header ? (l(), d(g, {
|
|
45
48
|
key: 1,
|
|
46
49
|
text: e.text,
|
|
47
50
|
header: e.header
|
|
48
|
-
}, null, 8, ["text", "header"])) : (l(), d(t(
|
|
51
|
+
}, null, 8, ["text", "header"])) : (l(), d(t(x), f({
|
|
49
52
|
key: 0,
|
|
50
53
|
variant: "body2"
|
|
51
54
|
}, t(s)[t(i).TEXT]), {
|
|
52
|
-
default:
|
|
55
|
+
default: n(() => [
|
|
53
56
|
p(y(t(o)), 1)
|
|
54
57
|
]),
|
|
55
58
|
_: 1
|
|
56
59
|
}, 16))
|
|
57
60
|
], !0)
|
|
58
61
|
]),
|
|
59
|
-
default:
|
|
60
|
-
T("div",
|
|
61
|
-
|
|
62
|
+
default: n(() => [
|
|
63
|
+
T("div", B, [
|
|
64
|
+
m(a.$slots, "default", {}, void 0, !0)
|
|
62
65
|
], 512)
|
|
63
66
|
]),
|
|
64
67
|
_: 3
|
|
65
|
-
}, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance"]));
|
|
68
|
+
}, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance", "auto-hide", "shown"]));
|
|
66
69
|
}
|
|
67
70
|
});
|
|
68
71
|
export {
|
|
@@ -15,6 +15,8 @@ declare const TooltipTypes: () => ({
|
|
|
15
15
|
disabled: boolean;
|
|
16
16
|
distance: string | number;
|
|
17
17
|
container: string;
|
|
18
|
+
shown: boolean;
|
|
19
|
+
autoHide: boolean;
|
|
18
20
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
19
21
|
header: {
|
|
20
22
|
type: import("vue").PropType<string>;
|
|
@@ -60,9 +62,17 @@ declare const TooltipTypes: () => ({
|
|
|
60
62
|
type: import("vue").PropType<string>;
|
|
61
63
|
default: string;
|
|
62
64
|
};
|
|
65
|
+
shown: {
|
|
66
|
+
type: import("vue").PropType<boolean>;
|
|
67
|
+
default: any;
|
|
68
|
+
};
|
|
69
|
+
autoHide: {
|
|
70
|
+
type: import("vue").PropType<boolean>;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
63
73
|
}>> & {
|
|
64
74
|
onShow?: () => any;
|
|
65
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
|
|
75
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
|
|
66
76
|
$attrs: {
|
|
67
77
|
[x: string]: unknown;
|
|
68
78
|
};
|
|
@@ -121,6 +131,14 @@ declare const TooltipTypes: () => ({
|
|
|
121
131
|
type: import("vue").PropType<string>;
|
|
122
132
|
default: string;
|
|
123
133
|
};
|
|
134
|
+
shown: {
|
|
135
|
+
type: import("vue").PropType<boolean>;
|
|
136
|
+
default: any;
|
|
137
|
+
};
|
|
138
|
+
autoHide: {
|
|
139
|
+
type: import("vue").PropType<boolean>;
|
|
140
|
+
default: boolean;
|
|
141
|
+
};
|
|
124
142
|
}>> & {
|
|
125
143
|
onShow?: () => any;
|
|
126
144
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -137,6 +155,8 @@ declare const TooltipTypes: () => ({
|
|
|
137
155
|
disabled: boolean;
|
|
138
156
|
distance: string | number;
|
|
139
157
|
container: string;
|
|
158
|
+
shown: boolean;
|
|
159
|
+
autoHide: boolean;
|
|
140
160
|
}, {}, string> & {
|
|
141
161
|
beforeCreate?: (() => void) | (() => void)[];
|
|
142
162
|
created?: (() => void) | (() => void)[];
|
|
@@ -202,6 +222,14 @@ declare const TooltipTypes: () => ({
|
|
|
202
222
|
type: import("vue").PropType<string>;
|
|
203
223
|
default: string;
|
|
204
224
|
};
|
|
225
|
+
shown: {
|
|
226
|
+
type: import("vue").PropType<boolean>;
|
|
227
|
+
default: any;
|
|
228
|
+
};
|
|
229
|
+
autoHide: {
|
|
230
|
+
type: import("vue").PropType<boolean>;
|
|
231
|
+
default: boolean;
|
|
232
|
+
};
|
|
205
233
|
}>> & {
|
|
206
234
|
onShow?: () => any;
|
|
207
235
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -253,6 +281,14 @@ declare const TooltipTypes: () => ({
|
|
|
253
281
|
type: import("vue").PropType<string>;
|
|
254
282
|
default: string;
|
|
255
283
|
};
|
|
284
|
+
shown: {
|
|
285
|
+
type: import("vue").PropType<boolean>;
|
|
286
|
+
default: any;
|
|
287
|
+
};
|
|
288
|
+
autoHide: {
|
|
289
|
+
type: import("vue").PropType<boolean>;
|
|
290
|
+
default: boolean;
|
|
291
|
+
};
|
|
256
292
|
}>> & {
|
|
257
293
|
onShow?: () => any;
|
|
258
294
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -269,6 +305,8 @@ declare const TooltipTypes: () => ({
|
|
|
269
305
|
disabled: boolean;
|
|
270
306
|
distance: string | number;
|
|
271
307
|
container: string;
|
|
308
|
+
shown: boolean;
|
|
309
|
+
autoHide: boolean;
|
|
272
310
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
273
311
|
$slots: {
|
|
274
312
|
default?(_: {}): any;
|
package/index.d.ts
CHANGED
|
@@ -28,8 +28,8 @@ declare const _default: {
|
|
|
28
28
|
placement: import("floating-vue").Placement;
|
|
29
29
|
disabled: boolean;
|
|
30
30
|
distance: number;
|
|
31
|
-
popperClass: string;
|
|
32
31
|
autoHide: boolean;
|
|
32
|
+
popperClass: string;
|
|
33
33
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
34
34
|
skidding: number;
|
|
35
35
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -49,14 +49,14 @@ declare const _default: {
|
|
|
49
49
|
type: import("vue").PropType<number>;
|
|
50
50
|
default: number;
|
|
51
51
|
};
|
|
52
|
-
popperClass: {
|
|
53
|
-
type: import("vue").PropType<string>;
|
|
54
|
-
default: string;
|
|
55
|
-
};
|
|
56
52
|
autoHide: {
|
|
57
53
|
type: import("vue").PropType<boolean>;
|
|
58
54
|
default: boolean;
|
|
59
55
|
};
|
|
56
|
+
popperClass: {
|
|
57
|
+
type: import("vue").PropType<string>;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
60
|
trigger: {
|
|
61
61
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
62
62
|
default: string;
|
|
@@ -67,7 +67,7 @@ declare const _default: {
|
|
|
67
67
|
};
|
|
68
68
|
}>> & {
|
|
69
69
|
onIsOpen?: (value: boolean) => any;
|
|
70
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "
|
|
70
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "trigger" | "skidding">;
|
|
71
71
|
$attrs: {
|
|
72
72
|
[x: string]: unknown;
|
|
73
73
|
};
|
|
@@ -98,14 +98,14 @@ declare const _default: {
|
|
|
98
98
|
type: import("vue").PropType<number>;
|
|
99
99
|
default: number;
|
|
100
100
|
};
|
|
101
|
-
popperClass: {
|
|
102
|
-
type: import("vue").PropType<string>;
|
|
103
|
-
default: string;
|
|
104
|
-
};
|
|
105
101
|
autoHide: {
|
|
106
102
|
type: import("vue").PropType<boolean>;
|
|
107
103
|
default: boolean;
|
|
108
104
|
};
|
|
105
|
+
popperClass: {
|
|
106
|
+
type: import("vue").PropType<string>;
|
|
107
|
+
default: string;
|
|
108
|
+
};
|
|
109
109
|
trigger: {
|
|
110
110
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
111
111
|
default: string;
|
|
@@ -125,8 +125,8 @@ declare const _default: {
|
|
|
125
125
|
placement: import("floating-vue").Placement;
|
|
126
126
|
disabled: boolean;
|
|
127
127
|
distance: number;
|
|
128
|
-
popperClass: string;
|
|
129
128
|
autoHide: boolean;
|
|
129
|
+
popperClass: string;
|
|
130
130
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
131
131
|
skidding: number;
|
|
132
132
|
}, {}, string> & {
|
|
@@ -166,14 +166,14 @@ declare const _default: {
|
|
|
166
166
|
type: import("vue").PropType<number>;
|
|
167
167
|
default: number;
|
|
168
168
|
};
|
|
169
|
-
popperClass: {
|
|
170
|
-
type: import("vue").PropType<string>;
|
|
171
|
-
default: string;
|
|
172
|
-
};
|
|
173
169
|
autoHide: {
|
|
174
170
|
type: import("vue").PropType<boolean>;
|
|
175
171
|
default: boolean;
|
|
176
172
|
};
|
|
173
|
+
popperClass: {
|
|
174
|
+
type: import("vue").PropType<string>;
|
|
175
|
+
default: string;
|
|
176
|
+
};
|
|
177
177
|
trigger: {
|
|
178
178
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
179
179
|
default: string;
|
|
@@ -207,14 +207,14 @@ declare const _default: {
|
|
|
207
207
|
type: import("vue").PropType<number>;
|
|
208
208
|
default: number;
|
|
209
209
|
};
|
|
210
|
-
popperClass: {
|
|
211
|
-
type: import("vue").PropType<string>;
|
|
212
|
-
default: string;
|
|
213
|
-
};
|
|
214
210
|
autoHide: {
|
|
215
211
|
type: import("vue").PropType<boolean>;
|
|
216
212
|
default: boolean;
|
|
217
213
|
};
|
|
214
|
+
popperClass: {
|
|
215
|
+
type: import("vue").PropType<string>;
|
|
216
|
+
default: string;
|
|
217
|
+
};
|
|
218
218
|
trigger: {
|
|
219
219
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
220
220
|
default: string;
|
|
@@ -234,8 +234,8 @@ declare const _default: {
|
|
|
234
234
|
placement: import("floating-vue").Placement;
|
|
235
235
|
disabled: boolean;
|
|
236
236
|
distance: number;
|
|
237
|
-
popperClass: string;
|
|
238
237
|
autoHide: boolean;
|
|
238
|
+
popperClass: string;
|
|
239
239
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
240
240
|
skidding: number;
|
|
241
241
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -253,8 +253,8 @@ declare const _default: {
|
|
|
253
253
|
placement: import("floating-vue").Placement;
|
|
254
254
|
disabled: boolean;
|
|
255
255
|
distance: number;
|
|
256
|
-
popperClass: string;
|
|
257
256
|
autoHide: boolean;
|
|
257
|
+
popperClass: string;
|
|
258
258
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
259
259
|
skidding: number;
|
|
260
260
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -274,14 +274,14 @@ declare const _default: {
|
|
|
274
274
|
type: import("vue").PropType<number>;
|
|
275
275
|
default: number;
|
|
276
276
|
};
|
|
277
|
-
popperClass: {
|
|
278
|
-
type: import("vue").PropType<string>;
|
|
279
|
-
default: string;
|
|
280
|
-
};
|
|
281
277
|
autoHide: {
|
|
282
278
|
type: import("vue").PropType<boolean>;
|
|
283
279
|
default: boolean;
|
|
284
280
|
};
|
|
281
|
+
popperClass: {
|
|
282
|
+
type: import("vue").PropType<string>;
|
|
283
|
+
default: string;
|
|
284
|
+
};
|
|
285
285
|
trigger: {
|
|
286
286
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
287
287
|
default: string;
|
|
@@ -292,7 +292,7 @@ declare const _default: {
|
|
|
292
292
|
};
|
|
293
293
|
}>> & {
|
|
294
294
|
onIsOpen?: (value: boolean) => any;
|
|
295
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "
|
|
295
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "trigger" | "skidding">;
|
|
296
296
|
$attrs: {
|
|
297
297
|
[x: string]: unknown;
|
|
298
298
|
};
|
|
@@ -323,14 +323,14 @@ declare const _default: {
|
|
|
323
323
|
type: import("vue").PropType<number>;
|
|
324
324
|
default: number;
|
|
325
325
|
};
|
|
326
|
-
popperClass: {
|
|
327
|
-
type: import("vue").PropType<string>;
|
|
328
|
-
default: string;
|
|
329
|
-
};
|
|
330
326
|
autoHide: {
|
|
331
327
|
type: import("vue").PropType<boolean>;
|
|
332
328
|
default: boolean;
|
|
333
329
|
};
|
|
330
|
+
popperClass: {
|
|
331
|
+
type: import("vue").PropType<string>;
|
|
332
|
+
default: string;
|
|
333
|
+
};
|
|
334
334
|
trigger: {
|
|
335
335
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
336
336
|
default: string;
|
|
@@ -350,8 +350,8 @@ declare const _default: {
|
|
|
350
350
|
placement: import("floating-vue").Placement;
|
|
351
351
|
disabled: boolean;
|
|
352
352
|
distance: number;
|
|
353
|
-
popperClass: string;
|
|
354
353
|
autoHide: boolean;
|
|
354
|
+
popperClass: string;
|
|
355
355
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
356
356
|
skidding: number;
|
|
357
357
|
}, {}, string> & {
|
|
@@ -391,14 +391,14 @@ declare const _default: {
|
|
|
391
391
|
type: import("vue").PropType<number>;
|
|
392
392
|
default: number;
|
|
393
393
|
};
|
|
394
|
-
popperClass: {
|
|
395
|
-
type: import("vue").PropType<string>;
|
|
396
|
-
default: string;
|
|
397
|
-
};
|
|
398
394
|
autoHide: {
|
|
399
395
|
type: import("vue").PropType<boolean>;
|
|
400
396
|
default: boolean;
|
|
401
397
|
};
|
|
398
|
+
popperClass: {
|
|
399
|
+
type: import("vue").PropType<string>;
|
|
400
|
+
default: string;
|
|
401
|
+
};
|
|
402
402
|
trigger: {
|
|
403
403
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
404
404
|
default: string;
|
|
@@ -432,14 +432,14 @@ declare const _default: {
|
|
|
432
432
|
type: import("vue").PropType<number>;
|
|
433
433
|
default: number;
|
|
434
434
|
};
|
|
435
|
-
popperClass: {
|
|
436
|
-
type: import("vue").PropType<string>;
|
|
437
|
-
default: string;
|
|
438
|
-
};
|
|
439
435
|
autoHide: {
|
|
440
436
|
type: import("vue").PropType<boolean>;
|
|
441
437
|
default: boolean;
|
|
442
438
|
};
|
|
439
|
+
popperClass: {
|
|
440
|
+
type: import("vue").PropType<string>;
|
|
441
|
+
default: string;
|
|
442
|
+
};
|
|
443
443
|
trigger: {
|
|
444
444
|
type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
|
|
445
445
|
default: string;
|
|
@@ -459,8 +459,8 @@ declare const _default: {
|
|
|
459
459
|
placement: import("floating-vue").Placement;
|
|
460
460
|
disabled: boolean;
|
|
461
461
|
distance: number;
|
|
462
|
-
popperClass: string;
|
|
463
462
|
autoHide: boolean;
|
|
463
|
+
popperClass: string;
|
|
464
464
|
trigger: "hover" | "click" | "focus" | "touch" | "managed";
|
|
465
465
|
skidding: number;
|
|
466
466
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -9582,6 +9582,8 @@ declare const _default: {
|
|
|
9582
9582
|
disabled: boolean;
|
|
9583
9583
|
distance: string | number;
|
|
9584
9584
|
container: string;
|
|
9585
|
+
shown: boolean;
|
|
9586
|
+
autoHide: boolean;
|
|
9585
9587
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
9586
9588
|
header: {
|
|
9587
9589
|
type: import("vue").PropType<string>;
|
|
@@ -9627,9 +9629,17 @@ declare const _default: {
|
|
|
9627
9629
|
type: import("vue").PropType<string>;
|
|
9628
9630
|
default: string;
|
|
9629
9631
|
};
|
|
9632
|
+
shown: {
|
|
9633
|
+
type: import("vue").PropType<boolean>;
|
|
9634
|
+
default: any;
|
|
9635
|
+
};
|
|
9636
|
+
autoHide: {
|
|
9637
|
+
type: import("vue").PropType<boolean>;
|
|
9638
|
+
default: boolean;
|
|
9639
|
+
};
|
|
9630
9640
|
}>> & {
|
|
9631
9641
|
onShow?: () => any;
|
|
9632
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
|
|
9642
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
|
|
9633
9643
|
$attrs: {
|
|
9634
9644
|
[x: string]: unknown;
|
|
9635
9645
|
};
|
|
@@ -9688,6 +9698,14 @@ declare const _default: {
|
|
|
9688
9698
|
type: import("vue").PropType<string>;
|
|
9689
9699
|
default: string;
|
|
9690
9700
|
};
|
|
9701
|
+
shown: {
|
|
9702
|
+
type: import("vue").PropType<boolean>;
|
|
9703
|
+
default: any;
|
|
9704
|
+
};
|
|
9705
|
+
autoHide: {
|
|
9706
|
+
type: import("vue").PropType<boolean>;
|
|
9707
|
+
default: boolean;
|
|
9708
|
+
};
|
|
9691
9709
|
}>> & {
|
|
9692
9710
|
onShow?: () => any;
|
|
9693
9711
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -9704,6 +9722,8 @@ declare const _default: {
|
|
|
9704
9722
|
disabled: boolean;
|
|
9705
9723
|
distance: string | number;
|
|
9706
9724
|
container: string;
|
|
9725
|
+
shown: boolean;
|
|
9726
|
+
autoHide: boolean;
|
|
9707
9727
|
}, {}, string> & {
|
|
9708
9728
|
beforeCreate?: (() => void) | (() => void)[];
|
|
9709
9729
|
created?: (() => void) | (() => void)[];
|
|
@@ -9769,6 +9789,14 @@ declare const _default: {
|
|
|
9769
9789
|
type: import("vue").PropType<string>;
|
|
9770
9790
|
default: string;
|
|
9771
9791
|
};
|
|
9792
|
+
shown: {
|
|
9793
|
+
type: import("vue").PropType<boolean>;
|
|
9794
|
+
default: any;
|
|
9795
|
+
};
|
|
9796
|
+
autoHide: {
|
|
9797
|
+
type: import("vue").PropType<boolean>;
|
|
9798
|
+
default: boolean;
|
|
9799
|
+
};
|
|
9772
9800
|
}>> & {
|
|
9773
9801
|
onShow?: () => any;
|
|
9774
9802
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -9820,6 +9848,14 @@ declare const _default: {
|
|
|
9820
9848
|
type: import("vue").PropType<string>;
|
|
9821
9849
|
default: string;
|
|
9822
9850
|
};
|
|
9851
|
+
shown: {
|
|
9852
|
+
type: import("vue").PropType<boolean>;
|
|
9853
|
+
default: any;
|
|
9854
|
+
};
|
|
9855
|
+
autoHide: {
|
|
9856
|
+
type: import("vue").PropType<boolean>;
|
|
9857
|
+
default: boolean;
|
|
9858
|
+
};
|
|
9823
9859
|
}>> & {
|
|
9824
9860
|
onShow?: () => any;
|
|
9825
9861
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -9836,6 +9872,8 @@ declare const _default: {
|
|
|
9836
9872
|
disabled: boolean;
|
|
9837
9873
|
distance: string | number;
|
|
9838
9874
|
container: string;
|
|
9875
|
+
shown: boolean;
|
|
9876
|
+
autoHide: boolean;
|
|
9839
9877
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
9840
9878
|
$slots: {
|
|
9841
9879
|
default?(_: {}): any;
|
|
@@ -9860,6 +9898,8 @@ declare const _default: {
|
|
|
9860
9898
|
disabled: boolean;
|
|
9861
9899
|
distance: string | number;
|
|
9862
9900
|
container: string;
|
|
9901
|
+
shown: boolean;
|
|
9902
|
+
autoHide: boolean;
|
|
9863
9903
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
9864
9904
|
header: {
|
|
9865
9905
|
type: import("vue").PropType<string>;
|
|
@@ -9905,9 +9945,17 @@ declare const _default: {
|
|
|
9905
9945
|
type: import("vue").PropType<string>;
|
|
9906
9946
|
default: string;
|
|
9907
9947
|
};
|
|
9948
|
+
shown: {
|
|
9949
|
+
type: import("vue").PropType<boolean>;
|
|
9950
|
+
default: any;
|
|
9951
|
+
};
|
|
9952
|
+
autoHide: {
|
|
9953
|
+
type: import("vue").PropType<boolean>;
|
|
9954
|
+
default: boolean;
|
|
9955
|
+
};
|
|
9908
9956
|
}>> & {
|
|
9909
9957
|
onShow?: () => any;
|
|
9910
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
|
|
9958
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
|
|
9911
9959
|
$attrs: {
|
|
9912
9960
|
[x: string]: unknown;
|
|
9913
9961
|
};
|
|
@@ -9966,6 +10014,14 @@ declare const _default: {
|
|
|
9966
10014
|
type: import("vue").PropType<string>;
|
|
9967
10015
|
default: string;
|
|
9968
10016
|
};
|
|
10017
|
+
shown: {
|
|
10018
|
+
type: import("vue").PropType<boolean>;
|
|
10019
|
+
default: any;
|
|
10020
|
+
};
|
|
10021
|
+
autoHide: {
|
|
10022
|
+
type: import("vue").PropType<boolean>;
|
|
10023
|
+
default: boolean;
|
|
10024
|
+
};
|
|
9969
10025
|
}>> & {
|
|
9970
10026
|
onShow?: () => any;
|
|
9971
10027
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -9982,6 +10038,8 @@ declare const _default: {
|
|
|
9982
10038
|
disabled: boolean;
|
|
9983
10039
|
distance: string | number;
|
|
9984
10040
|
container: string;
|
|
10041
|
+
shown: boolean;
|
|
10042
|
+
autoHide: boolean;
|
|
9985
10043
|
}, {}, string> & {
|
|
9986
10044
|
beforeCreate?: (() => void) | (() => void)[];
|
|
9987
10045
|
created?: (() => void) | (() => void)[];
|
|
@@ -10047,6 +10105,14 @@ declare const _default: {
|
|
|
10047
10105
|
type: import("vue").PropType<string>;
|
|
10048
10106
|
default: string;
|
|
10049
10107
|
};
|
|
10108
|
+
shown: {
|
|
10109
|
+
type: import("vue").PropType<boolean>;
|
|
10110
|
+
default: any;
|
|
10111
|
+
};
|
|
10112
|
+
autoHide: {
|
|
10113
|
+
type: import("vue").PropType<boolean>;
|
|
10114
|
+
default: boolean;
|
|
10115
|
+
};
|
|
10050
10116
|
}>> & {
|
|
10051
10117
|
onShow?: () => any;
|
|
10052
10118
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -10098,6 +10164,14 @@ declare const _default: {
|
|
|
10098
10164
|
type: import("vue").PropType<string>;
|
|
10099
10165
|
default: string;
|
|
10100
10166
|
};
|
|
10167
|
+
shown: {
|
|
10168
|
+
type: import("vue").PropType<boolean>;
|
|
10169
|
+
default: any;
|
|
10170
|
+
};
|
|
10171
|
+
autoHide: {
|
|
10172
|
+
type: import("vue").PropType<boolean>;
|
|
10173
|
+
default: boolean;
|
|
10174
|
+
};
|
|
10101
10175
|
}>> & {
|
|
10102
10176
|
onShow?: () => any;
|
|
10103
10177
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -10114,6 +10188,8 @@ declare const _default: {
|
|
|
10114
10188
|
disabled: boolean;
|
|
10115
10189
|
distance: string | number;
|
|
10116
10190
|
container: string;
|
|
10191
|
+
shown: boolean;
|
|
10192
|
+
autoHide: boolean;
|
|
10117
10193
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
10118
10194
|
$slots: {
|
|
10119
10195
|
default?(_: {}): any;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css';
|
|
2
2
|
import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as po } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-4d9bf5b2],.font-chart-2[data-v-4d9bf5b2],.font-chart-1[data-v-4d9bf5b2]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-4d9bf5b2],.font-table-label[data-v-4d9bf5b2],.font-button[data-v-4d9bf5b2],.font-heading-6[data-v-4d9bf5b2],.font-heading-5[data-v-4d9bf5b2],.font-heading-4[data-v-4d9bf5b2],.font-heading-3[data-v-4d9bf5b2],.font-heading-2[data-v-4d9bf5b2],.font-heading-1[data-v-4d9bf5b2],.font-title[data-v-4d9bf5b2]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-4d9bf5b2],.font-input-label[data-v-4d9bf5b2],.font-overline[data-v-4d9bf5b2],.font-subtitle-2[data-v-4d9bf5b2],.font-subtitle-1[data-v-4d9bf5b2]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-4d9bf5b2],.font-body-2[data-v-4d9bf5b2],.input-container .input[data-v-4d9bf5b2],.font-body-1[data-v-4d9bf5b2]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-4d9bf5b2]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-4d9bf5b2]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-4d9bf5b2]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-4d9bf5b2]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-4d9bf5b2]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-4d9bf5b2]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-4d9bf5b2]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-4d9bf5b2],.font-body-1[data-v-4d9bf5b2]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-4d9bf5b2]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-4d9bf5b2]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-4d9bf5b2]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-4d9bf5b2]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-4d9bf5b2]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-4d9bf5b2]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-4d9bf5b2]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-4d9bf5b2]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-4d9bf5b2]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-4d9bf5b2]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-4d9bf5b2],.font-tab-label2[data-v-4d9bf5b2]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-4d9bf5b2]{font-size:.75rem;line-height:1rem}h1[data-v-4d9bf5b2],h2[data-v-4d9bf5b2],h3[data-v-4d9bf5b2],h4[data-v-4d9bf5b2],h5[data-v-4d9bf5b2],h6[data-v-4d9bf5b2]{margin:0}.disabled .input[data-v-4d9bf5b2]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-4d9bf5b2]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-4d9bf5b2]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-4d9bf5b2]{height:28px}.input-size-medium[data-v-4d9bf5b2]{height:32px}.input-size-large[data-v-4d9bf5b2]{height:40px}.input-with-label-container[data-v-4d9bf5b2]{display:flex;flex-direction:column}.input-container[data-v-4d9bf5b2]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-4d9bf5b2]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-4d9bf5b2]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-4d9bf5b2]:focus{outline:none}.input-container .input[data-v-4d9bf5b2]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-4d9bf5b2]{color:var(--text-disabled)}.input-container .input[type=number][data-v-4d9bf5b2]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-4d9bf5b2]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-4d9bf5b2]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-4d9bf5b2]{letter-spacing:4px}.input-container[data-v-4d9bf5b2] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-4d9bf5b2]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-4d9bf5b2]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-4d9bf5b2]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-4d9bf5b2]{padding-left:var(--spacing-50)}.prefix-text[data-v-4d9bf5b2]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-4d9bf5b2]{color:var(--text-secondary, #646464)}.focused[data-v-4d9bf5b2],.focused[data-v-4d9bf5b2]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-4d9bf5b2],.error-icon.error-icon[data-v-4d9bf5b2]:hover{color:var(--error-main)}.label-direction-left[data-v-4d9bf5b2]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-4d9bf5b2]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-4d9bf5b2]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-4d9bf5b2]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-4d9bf5b2]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-4d9bf5b2]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-4d9bf5b2],.variant-success .input-container[data-v-4d9bf5b2]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-4d9bf5b2],.variant-error .input-container[data-v-4d9bf5b2]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-4d9bf5b2],.variant-warning .input-container[data-v-4d9bf5b2]:hover{outline:2px solid var(--warning-dark)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
div[data-v-fcdb9d02]{display:block}
|