@ironsource/shared-ui 2.0.2-rc.2 → 2.0.2-rc.4
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/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css +1 -0
- package/FormRow.vue_vue_type_style_index_0_scoped_54a11bf8_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css +1 -0
- package/SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css +1 -0
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/AppDropdownTrigger.vue2.js +23 -20
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +22 -20
- package/components/dropdown/v4/OptionV4.vue.d.ts +2 -2
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +17 -17
- package/components/dropdown/v4/index.d.ts +4 -4
- package/components/layout/FormRow.vue.d.ts +46 -0
- package/components/layout/FormRow.vue.js +7 -0
- package/components/layout/FormRow.vue2.js +43 -0
- package/components/layout/index.d.ts +116 -1
- package/components/layout/index.js +4 -2
- package/components/search/v4/SearchV4.vue.d.ts +3 -0
- package/components/search/v4/SearchV4.vue.js +5 -5
- package/components/search/v4/SearchV4.vue2.js +15 -14
- package/components/search/v4/index.d.ts +3 -0
- package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
- package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
- package/composables/useStorage.js +10 -9
- package/index.d.ts +14 -8
- package/index.js +39 -37
- package/mocks/optionsWithIcons.d.ts +5 -0
- package/package.json +1 -1
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_cca772e9_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css +0 -1
- package/SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css +0 -1
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css +0 -1
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import "../../FormRow.vue_vue_type_style_index_0_scoped_54a11bf8_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as i, createElementVNode as a, createVNode as m, unref as o, withCtx as n, createTextVNode as l, toDisplayString as u, createBlock as f, createCommentVNode as r, renderSlot as y } from "vue";
|
|
2
|
+
import d from "../typography/v4/Typography.vue.js";
|
|
3
|
+
const p = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "form-row"
|
|
6
|
+
}, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
|
|
7
|
+
__name: "FormRow",
|
|
8
|
+
props: {
|
|
9
|
+
label: { default: "" },
|
|
10
|
+
mandatory: { type: Boolean, default: !1 },
|
|
11
|
+
testId: { default: "" }
|
|
12
|
+
},
|
|
13
|
+
setup(e) {
|
|
14
|
+
return (s, b) => e.label ? (t(), i("div", p, [
|
|
15
|
+
a("div", {
|
|
16
|
+
"data-testid": e.testId,
|
|
17
|
+
class: "label-container"
|
|
18
|
+
}, [
|
|
19
|
+
m(o(d), { variant: "inputLabel" }, {
|
|
20
|
+
default: n(() => [
|
|
21
|
+
l(u(e.label), 1)
|
|
22
|
+
]),
|
|
23
|
+
_: 1
|
|
24
|
+
}),
|
|
25
|
+
e.mandatory ? (t(), f(o(d), {
|
|
26
|
+
key: 0,
|
|
27
|
+
class: "mandatory"
|
|
28
|
+
}, {
|
|
29
|
+
default: n(() => [
|
|
30
|
+
l("*")
|
|
31
|
+
]),
|
|
32
|
+
_: 1
|
|
33
|
+
})) : r("", !0)
|
|
34
|
+
], 8, _),
|
|
35
|
+
a("div", h, [
|
|
36
|
+
y(s.$slots, "content", {}, void 0, !0)
|
|
37
|
+
])
|
|
38
|
+
])) : r("", !0);
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
export {
|
|
42
|
+
B as default
|
|
43
|
+
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import FormCard from './FormCard.vue';
|
|
2
2
|
import CardPanel from './CardPanel.vue';
|
|
3
3
|
import FoldableSection from './FoldableSection.vue';
|
|
4
|
+
import FormRow from './FormRow.vue';
|
|
4
5
|
declare const FormCardTypes: () => (({
|
|
5
6
|
new (...args: any[]): {
|
|
6
7
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -401,5 +402,119 @@ declare const FormCardTypes: () => (({
|
|
|
401
402
|
default?(_: {}): any;
|
|
402
403
|
footer?(_: {}): any;
|
|
403
404
|
};
|
|
405
|
+
})) | ({
|
|
406
|
+
new (...args: any[]): {
|
|
407
|
+
$: import("vue").ComponentInternalInstance;
|
|
408
|
+
$data: {};
|
|
409
|
+
$props: Partial<{
|
|
410
|
+
label: string;
|
|
411
|
+
mandatory: boolean;
|
|
412
|
+
testId: string;
|
|
413
|
+
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
414
|
+
label: {
|
|
415
|
+
type: import("vue").PropType<string>;
|
|
416
|
+
required: true;
|
|
417
|
+
default: string;
|
|
418
|
+
};
|
|
419
|
+
mandatory: {
|
|
420
|
+
type: import("vue").PropType<boolean>;
|
|
421
|
+
default: boolean;
|
|
422
|
+
};
|
|
423
|
+
testId: {
|
|
424
|
+
type: import("vue").PropType<string>;
|
|
425
|
+
default: string;
|
|
426
|
+
};
|
|
427
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
|
|
428
|
+
$attrs: {
|
|
429
|
+
[x: string]: unknown;
|
|
430
|
+
};
|
|
431
|
+
$refs: {
|
|
432
|
+
[x: string]: unknown;
|
|
433
|
+
};
|
|
434
|
+
$slots: Readonly<{
|
|
435
|
+
[name: string]: import("vue").Slot;
|
|
436
|
+
}>;
|
|
437
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
438
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
439
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
440
|
+
$el: any;
|
|
441
|
+
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
442
|
+
label: {
|
|
443
|
+
type: import("vue").PropType<string>;
|
|
444
|
+
required: true;
|
|
445
|
+
default: string;
|
|
446
|
+
};
|
|
447
|
+
mandatory: {
|
|
448
|
+
type: import("vue").PropType<boolean>;
|
|
449
|
+
default: boolean;
|
|
450
|
+
};
|
|
451
|
+
testId: {
|
|
452
|
+
type: import("vue").PropType<string>;
|
|
453
|
+
default: string;
|
|
454
|
+
};
|
|
455
|
+
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
456
|
+
label: string;
|
|
457
|
+
mandatory: boolean;
|
|
458
|
+
testId: string;
|
|
459
|
+
}, {}, string> & {
|
|
460
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
461
|
+
created?: (() => void) | (() => void)[];
|
|
462
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
463
|
+
mounted?: (() => void) | (() => void)[];
|
|
464
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
465
|
+
updated?: (() => void) | (() => void)[];
|
|
466
|
+
activated?: (() => void) | (() => void)[];
|
|
467
|
+
deactivated?: (() => void) | (() => void)[];
|
|
468
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
469
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
470
|
+
destroyed?: (() => void) | (() => void)[];
|
|
471
|
+
unmounted?: (() => void) | (() => void)[];
|
|
472
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
473
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
474
|
+
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
|
|
475
|
+
};
|
|
476
|
+
$forceUpdate: () => void;
|
|
477
|
+
$nextTick: typeof import("vue").nextTick;
|
|
478
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
|
479
|
+
} & Readonly<import("vue").ExtractPropTypes<{
|
|
480
|
+
label: {
|
|
481
|
+
type: import("vue").PropType<string>;
|
|
482
|
+
required: true;
|
|
483
|
+
default: string;
|
|
484
|
+
};
|
|
485
|
+
mandatory: {
|
|
486
|
+
type: import("vue").PropType<boolean>;
|
|
487
|
+
default: boolean;
|
|
488
|
+
};
|
|
489
|
+
testId: {
|
|
490
|
+
type: import("vue").PropType<string>;
|
|
491
|
+
default: string;
|
|
492
|
+
};
|
|
493
|
+
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
494
|
+
__isFragment?: never;
|
|
495
|
+
__isTeleport?: never;
|
|
496
|
+
__isSuspense?: never;
|
|
497
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
498
|
+
label: {
|
|
499
|
+
type: import("vue").PropType<string>;
|
|
500
|
+
required: true;
|
|
501
|
+
default: string;
|
|
502
|
+
};
|
|
503
|
+
mandatory: {
|
|
504
|
+
type: import("vue").PropType<boolean>;
|
|
505
|
+
default: boolean;
|
|
506
|
+
};
|
|
507
|
+
testId: {
|
|
508
|
+
type: import("vue").PropType<string>;
|
|
509
|
+
default: string;
|
|
510
|
+
};
|
|
511
|
+
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
512
|
+
label: string;
|
|
513
|
+
mandatory: boolean;
|
|
514
|
+
testId: string;
|
|
515
|
+
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
516
|
+
$slots: {
|
|
517
|
+
content?(_: {}): any;
|
|
518
|
+
};
|
|
404
519
|
})))[];
|
|
405
|
-
export { FormCard, CardPanel, FoldableSection, FormCardTypes };
|
|
520
|
+
export { FormRow, FormCard, CardPanel, FoldableSection, FormCardTypes };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import o from "./FormCard.vue.js";
|
|
2
2
|
import r from "./CardPanel.vue.js";
|
|
3
3
|
import m from "./FoldableSection.vue.js";
|
|
4
|
-
|
|
4
|
+
import t from "./FormRow.vue.js";
|
|
5
|
+
const d = () => [o, r, m, t];
|
|
5
6
|
export {
|
|
6
7
|
r as CardPanel,
|
|
7
8
|
m as FoldableSection,
|
|
8
9
|
o as FormCard,
|
|
9
|
-
|
|
10
|
+
d as FormCardTypes,
|
|
11
|
+
t as FormRow
|
|
10
12
|
};
|
|
@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
8
8
|
disabled: boolean;
|
|
9
9
|
testId: string;
|
|
10
10
|
autoFocus: boolean;
|
|
11
|
+
placeholder: string;
|
|
11
12
|
}>, {
|
|
12
13
|
inputRef: import("vue").Ref<any>;
|
|
13
14
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -22,11 +23,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
22
23
|
disabled: boolean;
|
|
23
24
|
testId: string;
|
|
24
25
|
autoFocus: boolean;
|
|
26
|
+
placeholder: string;
|
|
25
27
|
}>>> & {
|
|
26
28
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
27
29
|
}, {
|
|
28
30
|
disabled: boolean;
|
|
29
31
|
testId: string;
|
|
32
|
+
placeholder: string;
|
|
30
33
|
autoFocus: boolean;
|
|
31
34
|
}>;
|
|
32
35
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../SearchV4.
|
|
4
|
-
const
|
|
1
|
+
import e from "./SearchV4.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1330ea8b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import "../../../SearchV4.
|
|
2
|
-
import
|
|
1
|
+
import "../../../SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as m, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as v, vShow as C } from "vue";
|
|
2
|
+
import u from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import { SearchTestIdModifiers as d } from "../../../testids/index.js";
|
|
4
4
|
import { searchCommon as b } from "../common/Search.common.js";
|
|
5
|
-
import
|
|
6
|
-
import { useTestIdAttrs as
|
|
7
|
-
const
|
|
5
|
+
import y from "../../input/v4/TextField.vue.js";
|
|
6
|
+
import { useTestIdAttrs as B } from "../../../utils/testIds.js";
|
|
7
|
+
const S = /* @__PURE__ */ p({
|
|
8
8
|
__name: "SearchV4",
|
|
9
9
|
props: {
|
|
10
10
|
modelValue: null,
|
|
11
|
-
placeholder:
|
|
11
|
+
placeholder: { default: "Search" },
|
|
12
12
|
disabled: { type: Boolean, default: !1 },
|
|
13
13
|
testId: { default: "" },
|
|
14
14
|
autoFocus: { type: Boolean, default: !1 }
|
|
15
15
|
},
|
|
16
16
|
emits: ["update:modelValue"],
|
|
17
17
|
setup(t, { expose: f, emit: r }) {
|
|
18
|
-
const s = t, { inputRef: i, clearValue: n } = b(s, r),
|
|
18
|
+
const s = t, { inputRef: i, clearValue: n } = b(s, r), c = B(s.testId, d);
|
|
19
19
|
return f({
|
|
20
20
|
inputRef: i
|
|
21
|
-
}), (
|
|
22
|
-
a(e(
|
|
21
|
+
}), (g, o) => (h(), V("div", m({ class: "search-container" }, e(c)[e(d).CONTAINER]), [
|
|
22
|
+
a(e(y), {
|
|
23
23
|
ref_key: "inputRef",
|
|
24
24
|
ref: i,
|
|
25
25
|
"model-value": t.modelValue,
|
|
@@ -31,20 +31,21 @@ const T = /* @__PURE__ */ p({
|
|
|
31
31
|
"onUpdate:modelValue": o[0] || (o[0] = (l) => r("update:modelValue", l))
|
|
32
32
|
}, {
|
|
33
33
|
iconBefore: x(() => [
|
|
34
|
-
a(e(
|
|
34
|
+
a(e(u), {
|
|
35
35
|
name: "magnifying-glass",
|
|
36
36
|
size: "16px"
|
|
37
37
|
})
|
|
38
38
|
]),
|
|
39
39
|
_: 1
|
|
40
40
|
}, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
|
|
41
|
-
I(v("div",
|
|
41
|
+
I(v("div", m({ class: "x-circle-wrapper" }, e(c)[e(d).CLEAR], {
|
|
42
42
|
onClick: o[1] || (o[1] = //@ts-ignore
|
|
43
43
|
(...l) => e(n) && e(n)(...l))
|
|
44
44
|
}), [
|
|
45
|
-
a(e(
|
|
45
|
+
a(e(u), {
|
|
46
46
|
name: "x-circle",
|
|
47
|
-
size: "16px"
|
|
47
|
+
size: "16px",
|
|
48
|
+
type: "fill"
|
|
48
49
|
})
|
|
49
50
|
], 16), [
|
|
50
51
|
[C, !!t.modelValue]
|
|
@@ -53,5 +54,5 @@ const T = /* @__PURE__ */ p({
|
|
|
53
54
|
}
|
|
54
55
|
});
|
|
55
56
|
export {
|
|
56
|
-
|
|
57
|
+
S as default
|
|
57
58
|
};
|
|
@@ -14,6 +14,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
|
|
|
14
14
|
placeholder: {
|
|
15
15
|
type: import("vue").PropType<string>;
|
|
16
16
|
required: true;
|
|
17
|
+
default: string;
|
|
17
18
|
};
|
|
18
19
|
autoFocus: {
|
|
19
20
|
type: import("vue").PropType<boolean>;
|
|
@@ -39,6 +40,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
|
|
|
39
40
|
placeholder: {
|
|
40
41
|
type: import("vue").PropType<string>;
|
|
41
42
|
required: true;
|
|
43
|
+
default: string;
|
|
42
44
|
};
|
|
43
45
|
autoFocus: {
|
|
44
46
|
type: import("vue").PropType<boolean>;
|
|
@@ -49,6 +51,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
|
|
|
49
51
|
}, {
|
|
50
52
|
disabled: boolean;
|
|
51
53
|
testId: string;
|
|
54
|
+
placeholder: string;
|
|
52
55
|
autoFocus: boolean;
|
|
53
56
|
}>[];
|
|
54
57
|
export { default as Search } from './SearchV4.vue';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../SnackbarV4.
|
|
4
|
-
const
|
|
1
|
+
import c from "./SnackbarV4.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(c, [["__scopeId", "data-v-49c5ccea"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../SnackbarV4.
|
|
1
|
+
import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as $, computed as p, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
|
|
2
2
|
import U from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import D from "../../button/v4/ButtonV4.vue.js";
|
|
4
4
|
import H from "../../button/v4/IconButtonV4.vue.js";
|
|
@@ -78,10 +78,10 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
|
|
|
78
78
|
class: "title"
|
|
79
79
|
}, e(r)[e(i).TITLE]), {
|
|
80
80
|
default: f(() => [
|
|
81
|
-
|
|
81
|
+
z(e(U), l({
|
|
82
82
|
name: e(y).iconName,
|
|
83
83
|
type: "fill",
|
|
84
|
-
size: "
|
|
84
|
+
size: "20px",
|
|
85
85
|
class: [e(y).class, "icon-container"]
|
|
86
86
|
}, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
|
|
87
87
|
I(" " + T(t.title), 1)
|
|
@@ -106,9 +106,10 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
|
|
|
106
106
|
a("div", J, [
|
|
107
107
|
h(m.$slots, "actions", {}, () => [
|
|
108
108
|
t.actionButtons ? (n(), N("div", K, [
|
|
109
|
-
(n(!0), N(
|
|
109
|
+
(n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
|
|
110
110
|
key: v,
|
|
111
|
-
"data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : ""
|
|
111
|
+
"data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
|
|
112
|
+
size: "small"
|
|
112
113
|
}, { ...s }), null, 16, ["data-testid"]))), 128))
|
|
113
114
|
])) : d("", !0)
|
|
114
115
|
], !0)
|
|
@@ -120,7 +121,7 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
|
|
|
120
121
|
"icon-name": "x",
|
|
121
122
|
size: "small"
|
|
122
123
|
}, e(r)[e(i).CLOSE], {
|
|
123
|
-
onClick:
|
|
124
|
+
onClick: x(e(E), ["stop"])
|
|
124
125
|
}), null, 16, ["onClick"])) : d("", !0)
|
|
125
126
|
])
|
|
126
127
|
])
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./TooltipV4.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TooltipV4.
|
|
3
|
+
// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css"; //*');
|
|
4
4
|
// import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
5
|
+
const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-58a19def"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../TooltipV4.
|
|
1
|
+
import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_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 m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
|
|
2
2
|
import y from "./TextWithTitleContent.vue.js";
|
|
3
3
|
import { Tooltip as T } from "floating-vue";
|
|
4
4
|
import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
|
|
@@ -1,31 +1,32 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as c, watch as d } from "vue";
|
|
2
2
|
function p(o, i = 1, e = null) {
|
|
3
3
|
const n = i === 0 ? localStorage : sessionStorage, r = a();
|
|
4
|
-
r ? e =
|
|
4
|
+
r ? e = c(r) : (e = c(e), u()), d(e, () => {
|
|
5
5
|
u();
|
|
6
6
|
});
|
|
7
7
|
function a() {
|
|
8
8
|
const t = n.getItem(o);
|
|
9
|
-
return t ? JSON.parse(
|
|
9
|
+
return t ? JSON.parse(m(t)) : null;
|
|
10
10
|
}
|
|
11
11
|
function u() {
|
|
12
12
|
if (e.value === "" || e.value === null) {
|
|
13
13
|
n.removeItem(o);
|
|
14
14
|
return;
|
|
15
|
-
}
|
|
16
|
-
|
|
15
|
+
} else if (n.getItem(o) !== null)
|
|
16
|
+
return;
|
|
17
|
+
n.setItem(o, l(JSON.stringify(e.value)));
|
|
17
18
|
}
|
|
18
|
-
function
|
|
19
|
+
function l(t) {
|
|
19
20
|
return btoa(
|
|
20
21
|
encodeURIComponent(t).replace(
|
|
21
22
|
/%([0-9A-F]{2})/g,
|
|
22
|
-
(
|
|
23
|
+
(s, f) => String.fromCharCode(+("0x" + f))
|
|
23
24
|
)
|
|
24
25
|
);
|
|
25
26
|
}
|
|
26
|
-
function
|
|
27
|
+
function m(t) {
|
|
27
28
|
return decodeURIComponent(
|
|
28
|
-
atob(t).split("").map((
|
|
29
|
+
atob(t).split("").map((s) => "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2)).join("")
|
|
29
30
|
);
|
|
30
31
|
}
|
|
31
32
|
return e;
|
package/index.d.ts
CHANGED
|
@@ -10660,6 +10660,7 @@ declare const _default: {
|
|
|
10660
10660
|
placeholder: {
|
|
10661
10661
|
type: import("vue").PropType<string>;
|
|
10662
10662
|
required: true;
|
|
10663
|
+
default: string;
|
|
10663
10664
|
};
|
|
10664
10665
|
autoFocus: {
|
|
10665
10666
|
type: import("vue").PropType<boolean>;
|
|
@@ -10685,6 +10686,7 @@ declare const _default: {
|
|
|
10685
10686
|
placeholder: {
|
|
10686
10687
|
type: import("vue").PropType<string>;
|
|
10687
10688
|
required: true;
|
|
10689
|
+
default: string;
|
|
10688
10690
|
};
|
|
10689
10691
|
autoFocus: {
|
|
10690
10692
|
type: import("vue").PropType<boolean>;
|
|
@@ -10695,6 +10697,7 @@ declare const _default: {
|
|
|
10695
10697
|
}, {
|
|
10696
10698
|
disabled: boolean;
|
|
10697
10699
|
testId: string;
|
|
10700
|
+
placeholder: string;
|
|
10698
10701
|
autoFocus: boolean;
|
|
10699
10702
|
}>;
|
|
10700
10703
|
SearchTypes: () => import("vue").DefineComponent<{
|
|
@@ -10713,6 +10716,7 @@ declare const _default: {
|
|
|
10713
10716
|
placeholder: {
|
|
10714
10717
|
type: import("vue").PropType<string>;
|
|
10715
10718
|
required: true;
|
|
10719
|
+
default: string;
|
|
10716
10720
|
};
|
|
10717
10721
|
autoFocus: {
|
|
10718
10722
|
type: import("vue").PropType<boolean>;
|
|
@@ -10738,6 +10742,7 @@ declare const _default: {
|
|
|
10738
10742
|
placeholder: {
|
|
10739
10743
|
type: import("vue").PropType<string>;
|
|
10740
10744
|
required: true;
|
|
10745
|
+
default: string;
|
|
10741
10746
|
};
|
|
10742
10747
|
autoFocus: {
|
|
10743
10748
|
type: import("vue").PropType<boolean>;
|
|
@@ -10748,6 +10753,7 @@ declare const _default: {
|
|
|
10748
10753
|
}, {
|
|
10749
10754
|
disabled: boolean;
|
|
10750
10755
|
testId: string;
|
|
10756
|
+
placeholder: string;
|
|
10751
10757
|
autoFocus: boolean;
|
|
10752
10758
|
}>[];
|
|
10753
10759
|
Dropdown: {
|
|
@@ -13785,7 +13791,7 @@ declare const _default: {
|
|
|
13785
13791
|
};
|
|
13786
13792
|
iconType: {
|
|
13787
13793
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
13788
|
-
default:
|
|
13794
|
+
default: string;
|
|
13789
13795
|
};
|
|
13790
13796
|
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
|
|
13791
13797
|
$attrs: {
|
|
@@ -13843,7 +13849,7 @@ declare const _default: {
|
|
|
13843
13849
|
};
|
|
13844
13850
|
iconType: {
|
|
13845
13851
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
13846
|
-
default:
|
|
13852
|
+
default: string;
|
|
13847
13853
|
};
|
|
13848
13854
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
13849
13855
|
option: any;
|
|
@@ -13918,7 +13924,7 @@ declare const _default: {
|
|
|
13918
13924
|
};
|
|
13919
13925
|
iconType: {
|
|
13920
13926
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
13921
|
-
default:
|
|
13927
|
+
default: string;
|
|
13922
13928
|
};
|
|
13923
13929
|
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
13924
13930
|
__isFragment?: never;
|
|
@@ -13966,7 +13972,7 @@ declare const _default: {
|
|
|
13966
13972
|
};
|
|
13967
13973
|
iconType: {
|
|
13968
13974
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
13969
|
-
default:
|
|
13975
|
+
default: string;
|
|
13970
13976
|
};
|
|
13971
13977
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
13972
13978
|
option: any;
|
|
@@ -14952,7 +14958,7 @@ declare const _default: {
|
|
|
14952
14958
|
};
|
|
14953
14959
|
iconType: {
|
|
14954
14960
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
14955
|
-
default:
|
|
14961
|
+
default: string;
|
|
14956
14962
|
};
|
|
14957
14963
|
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
|
|
14958
14964
|
$attrs: {
|
|
@@ -15010,7 +15016,7 @@ declare const _default: {
|
|
|
15010
15016
|
};
|
|
15011
15017
|
iconType: {
|
|
15012
15018
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
15013
|
-
default:
|
|
15019
|
+
default: string;
|
|
15014
15020
|
};
|
|
15015
15021
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
15016
15022
|
option: any;
|
|
@@ -15085,7 +15091,7 @@ declare const _default: {
|
|
|
15085
15091
|
};
|
|
15086
15092
|
iconType: {
|
|
15087
15093
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
15088
|
-
default:
|
|
15094
|
+
default: string;
|
|
15089
15095
|
};
|
|
15090
15096
|
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
15091
15097
|
__isFragment?: never;
|
|
@@ -15133,7 +15139,7 @@ declare const _default: {
|
|
|
15133
15139
|
};
|
|
15134
15140
|
iconType: {
|
|
15135
15141
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
|
|
15136
|
-
default:
|
|
15142
|
+
default: string;
|
|
15137
15143
|
};
|
|
15138
15144
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
15139
15145
|
option: any;
|