@ironsource/shared-ui 2.1.3-rc.26 → 2.1.3-rc.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css +1 -0
  2. package/AppHeader.vue_vue_type_style_index_0_scoped_8ffac784_lang.css +1 -0
  3. package/FormCard.vue_vue_type_style_index_0_scoped_fa761e4d_lang.css +1 -0
  4. package/OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css +1 -0
  5. package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css +1 -0
  6. package/components/appHeader/AppHeader.vue.d.ts +5 -0
  7. package/components/appHeader/AppHeader.vue.js +3 -3
  8. package/components/appHeader/AppHeader.vue2.js +49 -40
  9. package/components/appHeader/index.d.ts +9 -0
  10. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  11. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +31 -31
  12. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  13. package/components/dropdown/v4/OptionV4.vue2.js +96 -86
  14. package/components/forms/FormCard.vue.js +3 -3
  15. package/components/forms/FormCard.vue2.js +1 -1
  16. package/components/tabs/v4/TabsV4.vue.js +4 -4
  17. package/components/tabs/v4/TabsV4.vue2.js +4 -4
  18. package/index.d.ts +18 -0
  19. package/package.json +1 -3
  20. package/testids/index.d.ts +2 -1
  21. package/testids/index.js +5 -5
  22. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css +0 -1
  23. package/AppHeader.vue_vue_type_style_index_0_scoped_f9d4e49d_lang.css +0 -1
  24. package/FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css +0 -1
  25. package/OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css +0 -1
  26. package/TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css +0 -1
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-2e91704b]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-2e91704b]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-2e91704b]{flex:none}.app-trigger-key--content[data-v-2e91704b]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-2e91704b]:hover{background:var(--action-selected)}.app-trigger[data-v-2e91704b]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-2e91704b]:hover,.app-trigger.active[data-v-2e91704b]{background:var(--action-selected)}.app-trigger.disabled[data-v-2e91704b]{cursor:auto}.app-trigger--content[data-v-2e91704b]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-2e91704b]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-2e91704b]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-2e91704b]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-2e91704b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-2e91704b]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-2e91704b]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-2e91704b]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-2e91704b]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-2e91704b]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-2e91704b]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-2e91704b]{padding-top:5px;color:var(--error-main)}
@@ -0,0 +1 @@
1
+ .app-header[data-v-8ffac784]{display:flex}.app-header .image-container[data-v-8ffac784]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-8ffac784]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-8ffac784]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-8ffac784]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-8ffac784]{color:var(--text-secondary)}.app-header.size-small[data-v-8ffac784]{align-items:center}.app-header.size-small .image-container[data-v-8ffac784]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-8ffac784]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-8ffac784]{padding:0 .25rem}.app-header.size-small .name-container[data-v-8ffac784]{display:flex;align-items:center}.ab-icon-wrapper[data-v-8ffac784]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-8ffac784]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}
@@ -0,0 +1 @@
1
+ .form-card[data-v-fa761e4d]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-fa761e4d]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-700);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-fa761e4d]{width:220px;height:20px}.card-content[data-v-fa761e4d]{padding:var(--spacing-300) var(--spacing-400)}.card-content--no-padding[data-v-fa761e4d]{padding:0}.form-actions[data-v-fa761e4d]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-fa761e4d]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-fa761e4d]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-fa761e4d]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-fa761e4d]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
@@ -0,0 +1 @@
1
+ .label[data-v-cae6bfd4]{color:#41454d}.item-container[data-v-cae6bfd4]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-cae6bfd4]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-cae6bfd4]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-cae6bfd4],.item-container[data-v-cae6bfd4]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-cae6bfd4]{background-color:var(--action-selected)}.subtitle[data-v-cae6bfd4]{color:#7b838c;line-height:1rem}.clear-button[data-v-cae6bfd4]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-cae6bfd4]:hover{color:#3083ff}.item[data-v-cae6bfd4]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-cae6bfd4],.item--multi[data-v-cae6bfd4]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-cae6bfd4]{width:20px;height:20px;flex:none}.item .image img[data-v-cae6bfd4]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-cae6bfd4]{display:flex;color:var(--action-active)}.text-container[data-v-cae6bfd4]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-cae6bfd4]{display:block}.tooltip-option[data-v-cae6bfd4] .container{width:100%}
@@ -0,0 +1 @@
1
+ .tabs-list[data-v-bab40cfe]{position:relative;padding:0;margin:0}.tabs-list--page[data-v-bab40cfe]{border-bottom:1px solid var(--common-divider);box-sizing:border-box}.tabs-list--page .tab-item[data-v-bab40cfe]{padding:0;margin-right:var(--spacing-200);min-height:calc(var(--spacing-600) - 1px)}.tabs-list--page .tabs-border-line[data-v-bab40cfe]{margin-top:-1px}.tabs-border-line[data-v-bab40cfe]{left:var(--57c21ae0);width:var(--bdc3e3e6);border-bottom:2px solid var(--primary-main);transition:left .2s ease-in-out,width .2s;position:absolute;margin-top:-2px}.tab-item[data-v-bab40cfe]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;color:var(--action-active);gap:var(--spacing-100);vertical-align:middle;padding:0 var(--spacing-300);min-height:var(--spacing-600)}.tab-item[data-v-bab40cfe]:hover{cursor:pointer;color:var(--text-primary)}.tab-item--active[data-v-bab40cfe]{color:var(--text-primary)}.tab-item--disabled[data-v-bab40cfe]{color:var(--action-disabled);cursor:not-allowed;pointer-events:none}
@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
5
5
  appKey: string;
6
6
  testId: string;
7
7
  type?: 'small' | 'normal';
8
+ showAbIcon?: boolean;
8
9
  }>, {
9
10
  image: string;
10
11
  name: string;
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
12
13
  appKey: string;
13
14
  testId: string;
14
15
  type: string;
16
+ showAbIcon: boolean;
15
17
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
16
18
  image: string;
17
19
  name: string;
@@ -19,6 +21,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
19
21
  appKey: string;
20
22
  testId: string;
21
23
  type?: 'small' | 'normal';
24
+ showAbIcon?: boolean;
22
25
  }>, {
23
26
  image: string;
24
27
  name: string;
@@ -26,6 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
26
29
  appKey: string;
27
30
  testId: string;
28
31
  type: string;
32
+ showAbIcon: boolean;
29
33
  }>>>, {
30
34
  name: string;
31
35
  type: 'small' | 'normal';
@@ -33,6 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
33
37
  testId: string;
34
38
  platform: 'android' | 'ios';
35
39
  appKey: string;
40
+ showAbIcon: boolean;
36
41
  }>;
37
42
  export default _default;
38
43
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import e from "./AppHeader.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../AppHeader.vue_vue_type_style_index_0_scoped_f9d4e49d_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f9d4e49d"]]);
3
+ // import "../../AppHeader.vue_vue_type_style_index_0_scoped_8ffac784_lang.css"; //*');
4
+ const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8ffac784"]]);
5
5
  export {
6
- s as default
6
+ t as default
7
7
  };
@@ -1,10 +1,10 @@
1
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_f9d4e49d_lang.css"; import { defineComponent as f, computed as n, openBlock as u, createElementBlock as y, normalizeClass as h, createElementVNode as o, mergeProps as r, unref as e, createVNode as i, withCtx as x, createTextVNode as I, toDisplayString as v } from "vue";
2
- import z from "../icon/v4/IconV4.vue.js";
3
- import g from "../typography/v4/Typography.vue.js";
4
- import T from "../inlineCopy/InlineCopy.vue.js";
5
- import { useTestIdAttrs as A } from "../../utils/testIds.js";
6
- import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
7
- const C = { class: "image-container" }, N = ["src", "alt"], P = ["data-platform"], S = { class: "name-container" }, K = /* @__PURE__ */ f({
1
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_8ffac784_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as d, normalizeClass as I, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as x, createTextVNode as z, toDisplayString as v, createCommentVNode as A } from "vue";
2
+ import c from "../icon/v4/IconV4.vue.js";
3
+ import b from "../typography/v4/Typography.vue.js";
4
+ import g from "../inlineCopy/InlineCopy.vue.js";
5
+ import { useTestIdAttrs as C } from "../../utils/testIds.js";
6
+ import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
7
+ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"], B = { class: "name-container" }, M = /* @__PURE__ */ h({
8
8
  __name: "AppHeader",
9
9
  props: {
10
10
  image: { default: "" },
@@ -12,61 +12,70 @@ const C = { class: "image-container" }, N = ["src", "alt"], P = ["data-platform"
12
12
  platform: { default: "android" },
13
13
  appKey: { default: "" },
14
14
  testId: { default: "" },
15
- type: { default: "normal" }
15
+ type: { default: "normal" },
16
+ showAbIcon: { type: Boolean, default: !1 }
16
17
  },
17
18
  setup(t) {
18
- const a = t, d = n(
19
+ const a = t, p = o(
19
20
  () => a.platform ? a.platform.toLowerCase() : ""
20
- ), m = n(
21
+ ), f = o(
21
22
  () => a.type === "normal" ? "24px" : "20px"
22
- ), c = n(
23
+ ), u = o(
23
24
  () => a.type === "small" ? "18px" : null
24
- ), p = n(
25
+ ), y = o(
25
26
  () => a.type === "normal" ? "h2" : "subtitle1"
26
- ), s = A(a.testId, l);
27
- return (b, E) => (u(), y("div", {
28
- class: h(["app-header", `size-${t.type}`])
27
+ ), l = C(a.testId, s);
28
+ return (P, S) => (m(), d("div", {
29
+ class: I(["app-header", `size-${t.type}`])
29
30
  }, [
30
- o("div", C, [
31
- o("img", {
31
+ n("div", T, [
32
+ n("img", {
32
33
  src: t.image,
33
34
  alt: t.name
34
35
  }, null, 8, N)
35
36
  ]),
36
- o("div", r({
37
+ n("div", r({
37
38
  class: "icon-container",
38
39
  "data-platform": t.platform
39
- }, e(s)[e(l).APP_PLATFORM]), [
40
- i(e(z), {
40
+ }, e(l)[e(s).APP_PLATFORM]), [
41
+ i(e(c), {
41
42
  type: "branded",
42
- name: e(d),
43
- size: e(m)
43
+ name: e(p),
44
+ size: e(f)
44
45
  }, null, 8, ["name", "size"])
45
- ], 16, P),
46
- o("div", S, [
47
- i(e(g), r({
48
- variant: e(p),
46
+ ], 16, w),
47
+ n("div", B, [
48
+ i(e(b), r({
49
+ variant: e(y),
49
50
  class: "title"
50
- }, e(s)[e(l).TITLE]), {
51
+ }, e(l)[e(s).TITLE]), {
51
52
  default: x(() => [
52
- I(v(t.name), 1)
53
+ z(v(t.name), 1)
53
54
  ]),
54
55
  _: 1
55
56
  }, 16, ["variant"]),
56
- o("div", null, [
57
- i(e(T), {
58
- text: t.appKey,
59
- size: "medium",
60
- class: "inline-copy",
61
- "hide-text-value": t.type === "small",
62
- "test-id": t.testId,
63
- "icon-size": e(c)
64
- }, null, 8, ["text", "hide-text-value", "test-id", "icon-size"])
65
- ])
66
- ])
57
+ i(e(g), {
58
+ text: t.appKey,
59
+ size: "medium",
60
+ class: "inline-copy",
61
+ "hide-text-value": t.type === "small",
62
+ "test-id": t.testId,
63
+ "icon-size": e(u)
64
+ }, null, 8, ["text", "hide-text-value", "test-id", "icon-size"])
65
+ ]),
66
+ t.showAbIcon ? (m(), d("div", r({
67
+ key: 0,
68
+ class: "ab-icon-wrapper"
69
+ }, e(l)[e(s).AB_ICON]), [
70
+ i(e(c), {
71
+ type: "ab-test",
72
+ name: "ab",
73
+ size: "28px"
74
+ })
75
+ ], 16)) : A("", !0)
67
76
  ], 2));
68
77
  }
69
78
  });
70
79
  export {
71
- K as default
80
+ M as default
72
81
  };
@@ -29,6 +29,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
29
29
  required: true;
30
30
  default: string;
31
31
  };
32
+ showAbIcon: {
33
+ type: import("vue").PropType<boolean>;
34
+ default: boolean;
35
+ };
32
36
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
33
37
  name: {
34
38
  type: import("vue").PropType<string>;
@@ -59,6 +63,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
59
63
  required: true;
60
64
  default: string;
61
65
  };
66
+ showAbIcon: {
67
+ type: import("vue").PropType<boolean>;
68
+ default: boolean;
69
+ };
62
70
  }>>, {
63
71
  name: string;
64
72
  type: "small" | "normal";
@@ -66,5 +74,6 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
66
74
  testId: string;
67
75
  platform: "android" | "ios";
68
76
  appKey: string;
77
+ showAbIcon: boolean;
69
78
  }>[];
70
79
  export { AppHeader, AppHeaderTypes };
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
- /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css"; //*');
4
- const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-5d9c6052"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2e91704b"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,21 +1,21 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as B } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
2
2
  import r from "../../icon/v4/IconV4.vue.js";
3
- import $ from "../../typography/v4/Typography.vue.js";
3
+ import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
5
- import { useTestIdAttrs as x } from "../../../utils/testIds.js";
6
- import K from "../../tooltip/v4/TooltipV4.vue.js";
7
- import { useClipboard as N } from "@vueuse/core";
5
+ import { useTestIdAttrs as K } from "../../../utils/testIds.js";
6
+ import N from "../../tooltip/v4/TooltipV4.vue.js";
7
+ import { useClipboard as w } from "@vueuse/core";
8
8
  import { Snackbar as z } from "../../snackbar/v4/index.js";
9
- const w = { class: "app-trigger--content" }, S = {
9
+ const S = { class: "app-trigger--content" }, D = {
10
10
  key: 0,
11
11
  class: "image"
12
- }, D = ["src"], E = {
12
+ }, E = ["src"], P = {
13
13
  key: 1,
14
14
  class: "start-icon"
15
- }, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, L = { class: "text-content-value" }, M = {
15
+ }, R = { class: "label-text" }, U = { key: 0 }, L = { class: "text-content" }, M = { class: "text-content-value" }, W = {
16
16
  key: 0,
17
17
  class: "is-mandatory"
18
- }, W = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
18
+ }, j = { class: "app-trigger-key--content" }, _ = /* @__PURE__ */ V({
19
19
  __name: "AppDropdownTrigger",
20
20
  props: {
21
21
  placeholder: { default: "Select app" },
@@ -40,45 +40,45 @@ const w = { class: "app-trigger--content" }, S = {
40
40
  },
41
41
  emits: ["click"],
42
42
  setup(t, { emit: T }) {
43
- const e = t, { copy: k } = N({}), I = p(
43
+ const e = t, { copy: k, copied: I } = w({}), C = p(
44
44
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
45
- ), C = () => {
45
+ ), b = () => {
46
46
  T("click");
47
- }, y = x(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
47
+ }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
48
48
  if (!e.selectedOption)
49
49
  return null;
50
50
  if (!e.multi)
51
51
  return e.selectedOption;
52
52
  if (Array.isArray(e.selectedOption))
53
53
  return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
54
- }), b = () => {
55
- k(e.valueToCopy), z({
54
+ }), A = async () => {
55
+ await k(e.valueToCopy), I.value && z({
56
56
  title: "Copied successfully",
57
57
  type: "success",
58
58
  duration: 2e3
59
59
  });
60
60
  };
61
61
  return (c, g) => (o(), n("div", {
62
- class: V(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
62
+ class: B(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
63
63
  }, [
64
64
  a("div", h({
65
- class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
65
+ class: ["app-trigger", [t.size, l(C), { open: t.open, disabled: t.disabled }]],
66
66
  style: {
67
67
  paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
68
68
  }
69
69
  }, l(y)[l(u).BUTTON_WRAPPER], {
70
- onClick: g[0] || (g[0] = (j) => C())
70
+ onClick: g[0] || (g[0] = (q) => b())
71
71
  }), [
72
- a("div", w, [
73
- c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", S, [
72
+ a("div", S, [
73
+ c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", D, [
74
74
  O(c.$slots, "image", {}, () => [
75
75
  t.optionImageKey ? (o(), n("img", {
76
76
  key: 0,
77
77
  src: l(d)[t.optionImageKey]
78
- }, null, 8, D)) : i("", !0)
78
+ }, null, 8, E)) : i("", !0)
79
79
  ], !0)
80
80
  ])) : i("", !0),
81
- c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", E, [
81
+ c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", P, [
82
82
  O(c.$slots, "icon-start", {}, () => [
83
83
  s(l(r), {
84
84
  type: t.optionIconType,
@@ -87,19 +87,19 @@ const w = { class: "app-trigger--content" }, S = {
87
87
  }, null, 8, ["type", "name"])
88
88
  ], !0)
89
89
  ])) : i("", !0),
90
- s(l($), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
90
+ s(l(x), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
91
91
  default: v(() => [
92
- a("div", P, [
93
- l(m) === f ? (o(), n("span", R, [
92
+ a("div", R, [
93
+ l(m) === f ? (o(), n("span", U, [
94
94
  s(l(r), {
95
95
  name: "cube",
96
96
  size: "20px",
97
97
  type: "fill"
98
98
  })
99
99
  ])) : i("", !0),
100
- a("div", U, [
101
- a("div", L, B(l(m)), 1),
102
- t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", M, "*")) : i("", !0)
100
+ a("div", L, [
101
+ a("div", M, $(l(m)), 1),
102
+ t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", W, "*")) : i("", !0)
103
103
  ])
104
104
  ])
105
105
  ]),
@@ -117,14 +117,14 @@ const w = { class: "app-trigger--content" }, S = {
117
117
  t.valueToCopy ? (o(), n("div", {
118
118
  key: 0,
119
119
  class: "app-trigger-key",
120
- onClick: b
120
+ onClick: A
121
121
  }, [
122
- s(l(K), {
122
+ s(l(N), {
123
123
  text: t.valueToCopy,
124
124
  header: "App key"
125
125
  }, {
126
126
  default: v(() => [
127
- a("div", W, [
127
+ a("div", j, [
128
128
  s(l(r), {
129
129
  name: "copy",
130
130
  size: "20px"
@@ -138,5 +138,5 @@ const w = { class: "app-trigger--content" }, S = {
138
138
  }
139
139
  });
140
140
  export {
141
- Z as default
141
+ _ as default
142
142
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d2743070"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cae6bfd4"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,18 +1,19 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as T } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css"; import { defineComponent as B, openBlock as o, createBlock as r, unref as i, withCtx as m, createElementVNode as a, normalizeClass as b, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as g, toDisplayString as k, withModifiers as $ } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
- import p from "../../typography/Text.vue.js";
4
- import x from "../../checkbox/v4/CheckboxV4.vue.js";
5
- import v from "../../icon/v4/IconV4.vue.js";
6
- import { NOOP as z } from "@vue/shared";
7
- import { optionCommon as N } from "../common/Option.common.js";
8
- import V from "../../typography/v4/Typography.vue.js";
9
- const w = {
3
+ import I from "../../typography/Text.vue.js";
4
+ import z from "../../checkbox/v4/CheckboxV4.vue.js";
5
+ import h from "../../icon/v4/IconV4.vue.js";
6
+ import { NOOP as N } from "@vue/shared";
7
+ import { optionCommon as V } from "../common/Option.common.js";
8
+ import w from "../../typography/v4/Typography.vue.js";
9
+ import O from "../../tooltip/v4/TooltipV4.vue.js";
10
+ const S = {
10
11
  key: 1,
11
12
  class: "image"
12
- }, O = ["src"], S = {
13
+ }, j = ["src"], E = {
13
14
  key: 2,
14
15
  class: "start-icon"
15
- }, I = { class: "text-container" }, E = { key: 0 }, H = /* @__PURE__ */ $({
16
+ }, M = { class: "text-container" }, P = { key: 0 }, R = /* @__PURE__ */ B({
16
17
  __name: "OptionV4",
17
18
  props: {
18
19
  option: { default: null },
@@ -28,85 +29,94 @@ const w = {
28
29
  iconType: { default: "regular" }
29
30
  },
30
31
  setup(e) {
31
- const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = N(K);
32
- return (i, a) => (n(), o("div", {
33
- ref: "el",
34
- class: y(["item-container", {
35
- "item-container--disabled": e.disabled,
36
- "item-container--active": e.nameKey ? !1 : e.active,
37
- "item-container--selected": t(s),
38
- "item-container--multi": t(c)
39
- }])
40
- }, [
41
- d("div", {
42
- class: y(["item", {
43
- "item--multi": t(c),
44
- "item--with-icon": i.$slots["icon-start"] || i.$slots.image
45
- }])
46
- }, [
47
- t(c) ? (n(), k(t(x), {
48
- key: 0,
49
- id: t(C).toString(),
50
- tabindex: "-1",
51
- class: "checkbox",
52
- size: "sm",
53
- "is-checked": t(s),
54
- "is-indeterminate": e.isIndeterminate && !e.option,
55
- onClick: a[0] || (a[0] = (f) => e.disabled ? t(z)() : t(B)(f))
56
- }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
57
- i.$slots.image || e.imageKey ? (n(), o("div", w, [
58
- m(i.$slots, "image", {}, () => [
59
- e.imageKey ? (n(), o("img", {
32
+ const p = e, { selected: c, isMulti: d, id: v, onClick: x, api: y } = V(p), K = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", C = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
33
+ return (t, n) => (o(), r(i(O), {
34
+ text: K(e.option),
35
+ "test-id": C(e.option),
36
+ class: "tooltip-option"
37
+ }, {
38
+ default: m(() => [
39
+ a("div", {
40
+ ref: "el",
41
+ class: b(["item-container", {
42
+ "item-container--disabled": e.disabled,
43
+ "item-container--active": e.nameKey ? !1 : e.active,
44
+ "item-container--selected": i(c),
45
+ "item-container--multi": i(d)
46
+ }])
47
+ }, [
48
+ a("div", {
49
+ class: b(["item", {
50
+ "item--multi": i(d),
51
+ "item--with-icon": t.$slots["icon-start"] || t.$slots.image
52
+ }])
53
+ }, [
54
+ i(d) ? (o(), r(i(z), {
60
55
  key: 0,
61
- src: e.option[e.imageKey]
62
- }, null, 8, O)) : l("", !0)
63
- ], !0)
64
- ])) : l("", !0),
65
- i.$slots["icon-start"] || e.iconKey ? (n(), o("div", S, [
66
- m(i.$slots, "icon-start", {}, () => [
67
- r(t(v), {
68
- type: e.iconType,
69
- name: e.option[e.iconKey],
70
- size: e.iconType === "regular" ? "20px" : "16px"
71
- }, null, 8, ["type", "name", "size"])
72
- ], !0)
73
- ])) : l("", !0),
74
- d("div", I, [
75
- r(t(V), { variant: "body2" }, {
76
- default: b(() => [
77
- m(i.$slots, "default", {}, () => [
78
- g(h(e.option[e.nameKey]), 1)
56
+ id: i(v).toString(),
57
+ tabindex: "-1",
58
+ class: "checkbox",
59
+ size: "sm",
60
+ "is-checked": i(c),
61
+ "is-indeterminate": e.isIndeterminate && !e.option,
62
+ onClick: n[0] || (n[0] = (T) => e.disabled ? i(N)() : i(x)(T))
63
+ }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
64
+ t.$slots.image || e.imageKey ? (o(), s("div", S, [
65
+ u(t.$slots, "image", {}, () => [
66
+ e.imageKey ? (o(), s("img", {
67
+ key: 0,
68
+ src: e.option[e.imageKey]
69
+ }, null, 8, j)) : l("", !0)
79
70
  ], !0)
80
- ]),
81
- _: 3
82
- }),
83
- e.subtitle ? (n(), k(t(p), {
84
- key: 0,
85
- class: "subtitle",
86
- size: "xs"
87
- }, {
88
- default: b(() => [
89
- g(h(e.subtitle), 1)
90
- ]),
91
- _: 1
92
- })) : l("", !0)
93
- ])
94
- ], 2),
95
- t(u).clearable && t(s) ? (n(), o("div", E, [
96
- d("button", {
97
- class: "clear-button",
98
- onClick: a[1] || (a[1] = T((f) => t(u).clearSelection(), ["prevent", "stop"]))
99
- }, [
100
- r(t(v), {
101
- name: "close",
102
- width: "8",
103
- height: 8
104
- })
105
- ])
106
- ])) : l("", !0)
107
- ], 2));
71
+ ])) : l("", !0),
72
+ t.$slots["icon-start"] || e.iconKey ? (o(), s("div", E, [
73
+ u(t.$slots, "icon-start", {}, () => [
74
+ f(i(h), {
75
+ type: e.iconType,
76
+ name: e.option[e.iconKey],
77
+ size: e.iconType === "regular" ? "20px" : "16px"
78
+ }, null, 8, ["type", "name", "size"])
79
+ ], !0)
80
+ ])) : l("", !0),
81
+ a("div", M, [
82
+ f(i(w), { variant: "body2" }, {
83
+ default: m(() => [
84
+ u(t.$slots, "default", {}, () => [
85
+ g(k(e.option[e.nameKey]), 1)
86
+ ], !0)
87
+ ]),
88
+ _: 3
89
+ }),
90
+ e.subtitle ? (o(), r(i(I), {
91
+ key: 0,
92
+ class: "subtitle",
93
+ size: "xs"
94
+ }, {
95
+ default: m(() => [
96
+ g(k(e.subtitle), 1)
97
+ ]),
98
+ _: 1
99
+ })) : l("", !0)
100
+ ])
101
+ ], 2),
102
+ i(y).clearable && i(c) ? (o(), s("div", P, [
103
+ a("button", {
104
+ class: "clear-button",
105
+ onClick: n[1] || (n[1] = $((T) => i(y).clearSelection(), ["prevent", "stop"]))
106
+ }, [
107
+ f(i(h), {
108
+ name: "close",
109
+ width: "8",
110
+ height: 8
111
+ })
112
+ ])
113
+ ])) : l("", !0)
114
+ ], 2)
115
+ ]),
116
+ _: 3
117
+ }, 8, ["text", "test-id"]));
108
118
  }
109
119
  });
110
120
  export {
111
- H as default
121
+ R as default
112
122
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./FormCard.vue2.js";
2
- /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css"; //*');
4
- const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-276bd901"]]);
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../FormCard.vue_vue_type_style_index_0_scoped_fa761e4d_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fa761e4d"]]);
5
5
  export {
6
6
  t as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
1
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_fa761e4d_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
2
2
  import p from "../typography/v4/Typography.vue.js";
3
3
  import y from "../button/v4/ButtonV4.vue.js";
4
4
  import "../button/v4/IconButtonV4.vue.js";
@@ -1,7 +1,7 @@
1
1
  import o from "./TabsV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css"; //*');
4
- const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bab86b0a"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; //*');
4
+ const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bab40cfe"]]);
5
5
  export {
6
- t as default
6
+ a as default
7
7
  };
@@ -1,9 +1,9 @@
1
- import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
1
+ import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
2
2
  import R from "../../typography/v4/Typography.vue.js";
3
3
  import { TabsTestIdModifiers as c } from "../../../testids/index.js";
4
4
  import { tabsCommon as z } from "../common/tabsCommon.js";
5
5
  import { useTestIdAttrs as D } from "../../../utils/testIds.js";
6
- const F = (t) => (W("data-v-bab86b0a"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
6
+ const F = (t) => (W("data-v-bab40cfe"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
7
7
  __name: "TabsV4",
8
8
  props: {
9
9
  tabsList: { default: () => [] },
@@ -15,8 +15,8 @@ const F = (t) => (W("data-v-bab86b0a"), t = t(), _(), t), U = ["data-testid", "o
15
15
  setup(t, { emit: f }) {
16
16
  const a = t;
17
17
  C((o) => ({
18
- "460acae2": b.value,
19
- "7a14f784": m.value
18
+ "57c21ae0": b.value,
19
+ bdc3e3e6: m.value
20
20
  }));
21
21
  const {
22
22
  skipUnwrap: p,
package/index.d.ts CHANGED
@@ -195,6 +195,10 @@ declare const _default: {
195
195
  required: true;
196
196
  default: string;
197
197
  };
198
+ showAbIcon: {
199
+ type: import("vue").PropType<boolean>;
200
+ default: boolean;
201
+ };
198
202
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
199
203
  name: {
200
204
  type: import("vue").PropType<string>;
@@ -225,6 +229,10 @@ declare const _default: {
225
229
  required: true;
226
230
  default: string;
227
231
  };
232
+ showAbIcon: {
233
+ type: import("vue").PropType<boolean>;
234
+ default: boolean;
235
+ };
228
236
  }>>, {
229
237
  name: string;
230
238
  type: "small" | "normal";
@@ -232,6 +240,7 @@ declare const _default: {
232
240
  testId: string;
233
241
  platform: "android" | "ios";
234
242
  appKey: string;
243
+ showAbIcon: boolean;
235
244
  }>;
236
245
  AppHeaderTypes: () => import("vue").DefineComponent<{
237
246
  name: {
@@ -263,6 +272,10 @@ declare const _default: {
263
272
  required: true;
264
273
  default: string;
265
274
  };
275
+ showAbIcon: {
276
+ type: import("vue").PropType<boolean>;
277
+ default: boolean;
278
+ };
266
279
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
267
280
  name: {
268
281
  type: import("vue").PropType<string>;
@@ -293,6 +306,10 @@ declare const _default: {
293
306
  required: true;
294
307
  default: string;
295
308
  };
309
+ showAbIcon: {
310
+ type: import("vue").PropType<boolean>;
311
+ default: boolean;
312
+ };
296
313
  }>>, {
297
314
  name: string;
298
315
  type: "small" | "normal";
@@ -300,6 +317,7 @@ declare const _default: {
300
317
  testId: string;
301
318
  platform: "android" | "ios";
302
319
  appKey: string;
320
+ showAbIcon: boolean;
303
321
  }>[];
304
322
  ThemeWrapper: {
305
323
  new (...args: any[]): {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.3-rc.26",
3
+ "version": "2.1.3-rc.28",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -117,7 +117,6 @@
117
117
  "i": "^0.3.7",
118
118
  "jest": "^29.7.0",
119
119
  "jest-image-snapshot": "^6.2.0",
120
- "jest-puppeteer": "^9.0.1",
121
120
  "lint-staged": "^15.1.0",
122
121
  "lodash.kebabcase": "^4.1.1",
123
122
  "mustache": "^4.2.0",
@@ -127,7 +126,6 @@
127
126
  "prepend-file": "^2.0.1",
128
127
  "prettier": "^3.1.0",
129
128
  "prismjs": "^1.29.0",
130
- "puppeteer": "^21.5.1",
131
129
  "replace": "^1.2.2",
132
130
  "rimraf": "^5.0.5",
133
131
  "sass": "^1.69.5",
@@ -197,7 +197,8 @@ export declare enum FormCardTestIdModifiers {
197
197
  export declare enum AppHeaderTestIdModifiers {
198
198
  TITLE = "ah-title",
199
199
  APP_KEY = "ah-app-key",
200
- APP_PLATFORM = "ah-app-platform"
200
+ APP_PLATFORM = "ah-app-platform",
201
+ AB_ICON = "ah-ab-icon"
201
202
  }
202
203
  export declare enum InlineCopyTestIdModifiers {
203
204
  TEXT = "ic-text",
package/testids/index.js CHANGED
@@ -1,9 +1,9 @@
1
- var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(A || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(O || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(c || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(n || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(l || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(C || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(p || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(b || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(S || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(B || {}), m = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(m || {}), W = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(X || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(h || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(U || {}), T = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(T || {}), G = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(x || {});
1
+ var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(A || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(O || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(c || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(n || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(l || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(S || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(B || {}), m = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(m || {}), W = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(X || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(h || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(U || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(G || {}), T = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(T || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(x || {});
2
2
  export {
3
3
  A as AlertTestIdModifiers,
4
4
  Y as AppHeaderTestIdModifiers,
5
- p as AppTriggerTestIdModifiers,
6
- b as AutocompleteInputTestIdModifiers,
5
+ b as AppTriggerTestIdModifiers,
6
+ p as AutocompleteInputTestIdModifiers,
7
7
  t as BannerTestIdModifiers,
8
8
  S as CalendarMonthTestIdModifiers,
9
9
  L as CheckboxTestIdModifiers,
@@ -14,7 +14,7 @@ export {
14
14
  R as DropdownTestIdModifiers,
15
15
  U as FieldHelpTextTestIdModifiers,
16
16
  h as FieldLabelTestIdModifiers,
17
- G as FoldableSectionTestIdModifiers,
17
+ T as FoldableSectionTestIdModifiers,
18
18
  H as FormCardTestIdModifiers,
19
19
  X as HeaderTestIdModifiers,
20
20
  a as IncludeExcludeTestIdModifiers,
@@ -23,7 +23,7 @@ export {
23
23
  x as MultiBarTestIdModifiers,
24
24
  P as RadioTestIdModifiers,
25
25
  l as SearchTestIdModifiers,
26
- T as SnackbarTestIdModifiers,
26
+ G as SnackbarTestIdModifiers,
27
27
  c as SwitchTestIdModifiers,
28
28
  _ as TableTestIdModifiers,
29
29
  m as TabsTestIdModifiers,
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-5d9c6052]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-5d9c6052]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-5d9c6052]{flex:none}.app-trigger-key--content[data-v-5d9c6052]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-5d9c6052]:hover{background:var(--action-selected)}.app-trigger[data-v-5d9c6052]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-5d9c6052]:hover,.app-trigger.active[data-v-5d9c6052]{background:var(--action-selected)}.app-trigger.disabled[data-v-5d9c6052]{cursor:auto}.app-trigger--content[data-v-5d9c6052]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-5d9c6052]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-5d9c6052]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-5d9c6052]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-5d9c6052]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-5d9c6052]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-5d9c6052]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-5d9c6052]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-5d9c6052]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-5d9c6052]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-5d9c6052]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-5d9c6052]{padding-top:5px;color:var(--error-main)}
@@ -1 +0,0 @@
1
- .app-header[data-v-f9d4e49d]{display:flex}.app-header .image-container[data-v-f9d4e49d]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-f9d4e49d]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-f9d4e49d]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-f9d4e49d]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-f9d4e49d]{color:var(--text-secondary)}.app-header.size-small[data-v-f9d4e49d]{align-items:center}.app-header.size-small .image-container[data-v-f9d4e49d]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-f9d4e49d]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-f9d4e49d]{padding:0 .25rem}.app-header.size-small .name-container[data-v-f9d4e49d]{display:flex}
@@ -1 +0,0 @@
1
- .form-card[data-v-276bd901]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-default)}.card-header[data-v-276bd901]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-700);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300)}.card-header .skeleton-header[data-v-276bd901]{width:220px;height:20px}.card-content[data-v-276bd901]{padding:var(--spacing-300) var(--spacing-400)}.card-content--no-padding[data-v-276bd901]{padding:0}.form-actions[data-v-276bd901]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-276bd901]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-276bd901]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-276bd901]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-276bd901]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
@@ -1 +0,0 @@
1
- .label[data-v-d2743070]{color:#41454d}.item-container[data-v-d2743070]{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-d2743070]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-d2743070]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-d2743070],.item-container[data-v-d2743070]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-d2743070]{background-color:var(--action-selected)}.subtitle[data-v-d2743070]{color:#7b838c;line-height:1rem}.clear-button[data-v-d2743070]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-d2743070]:hover{color:#3083ff}.item[data-v-d2743070]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-d2743070],.item--multi[data-v-d2743070]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-d2743070]{width:20px;height:20px;flex:none}.item .image img[data-v-d2743070]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-d2743070]{display:flex;color:var(--action-active)}.text-container[data-v-d2743070]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
@@ -1 +0,0 @@
1
- .tabs-list[data-v-bab86b0a]{position:relative;padding:0}.tabs-list--page[data-v-bab86b0a]{border-bottom:1px solid var(--common-divider);box-sizing:border-box}.tabs-list--page .tab-item[data-v-bab86b0a]{padding:0;margin-right:var(--spacing-200);min-height:calc(var(--spacing-600) - 1px)}.tabs-list--page .tabs-border-line[data-v-bab86b0a]{margin-top:-1px}.tabs-border-line[data-v-bab86b0a]{left:var(--460acae2);width:var(--7a14f784);border-bottom:2px solid var(--primary-main);transition:left .2s ease-in-out,width .2s;position:absolute;margin-top:-2px}.tab-item[data-v-bab86b0a]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;color:var(--action-active);gap:var(--spacing-100);vertical-align:middle;padding:0 var(--spacing-300);min-height:var(--spacing-600)}.tab-item[data-v-bab86b0a]:hover{cursor:pointer;color:var(--text-primary)}.tab-item--active[data-v-bab86b0a]{color:var(--text-primary)}.tab-item--disabled[data-v-bab86b0a]{color:var(--action-disabled);cursor:not-allowed;pointer-events:none}