@ironsource/shared-ui 2.1.6-rc.1 → 2.1.6-rc.2
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.multi-bar[data-v-71617643]{bottom:var(--spacing-500);width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-71617643]{justify-content:flex-start}.multi-bar--small[data-v-71617643]{height:var(--spacing-600)}.multi-bar--medium[data-v-71617643]{height:var(--spacing-700)}.multi-bar--fixed[data-v-71617643]{position:fixed}.multi-bar--absolute[data-v-71617643]{left:0;right:0;position:absolute}.multi-bar-enter-from[data-v-71617643],.multi-bar-leave-to[data-v-71617643]{opacity:0;transform:translateY(var(--spacing-500))}.multi-bar-panel[data-v-71617643]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-model-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-71617643]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-71617643]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-71617643]{margin-right:4px}.action-button--last[data-v-71617643]{margin-right:0}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./MultiBar.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../MultiBar.
|
|
4
|
-
const p = /* @__PURE__ */
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../MultiBar.
|
|
1
|
+
import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as e, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
|
|
2
2
|
import { useVModel as $ } from "@vueuse/core";
|
|
3
3
|
import E from "../typography/v4/Typography.vue.js";
|
|
4
4
|
import S from "../button/v4/ButtonV4.vue.js";
|
|
@@ -27,67 +27,67 @@ const O = { class: "multi-bar-panel" }, R = {
|
|
|
27
27
|
},
|
|
28
28
|
emits: ["update:modelValue", "close", "action"],
|
|
29
29
|
setup(o, { emit: s }) {
|
|
30
|
-
const
|
|
30
|
+
const t = o, f = $(t, "modelValue", s), I = () => {
|
|
31
31
|
f.value = !1, s("close");
|
|
32
32
|
}, b = (a) => {
|
|
33
33
|
s("action", a);
|
|
34
34
|
}, p = v(
|
|
35
|
-
() =>
|
|
35
|
+
() => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
|
|
36
36
|
), C = v(
|
|
37
|
-
() =>
|
|
38
|
-
), y = L(
|
|
37
|
+
() => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
|
|
38
|
+
), y = L(t.testId, n);
|
|
39
39
|
return (a, F) => (l(), d(x, {
|
|
40
40
|
to: "body",
|
|
41
41
|
disabled: !o.appendToBody
|
|
42
42
|
}, [
|
|
43
|
-
|
|
44
|
-
default:
|
|
45
|
-
|
|
43
|
+
u(g, { name: "multi-bar" }, {
|
|
44
|
+
default: c(() => [
|
|
45
|
+
e(f) ? (l(), r("div", B({
|
|
46
46
|
key: 0,
|
|
47
47
|
class: ["multi-bar", {
|
|
48
48
|
"light-theme-v4": !0,
|
|
49
49
|
"multi-bar--fixed": o.appendToBody,
|
|
50
|
-
"multi-bar--
|
|
50
|
+
"multi-bar--absolute": !o.appendToBody,
|
|
51
51
|
"multi-bar--small": o.size === "small",
|
|
52
52
|
"multi-bar--medium": o.size === "medium",
|
|
53
53
|
"multi-bar--left": o.position === "left"
|
|
54
54
|
}],
|
|
55
55
|
style: { zIndex: o.zIndex }
|
|
56
|
-
}, { ...a.$attrs, ...
|
|
56
|
+
}, { ...a.$attrs, ...e(y)[e(n).WRAPPER] }), [
|
|
57
57
|
V("div", O, [
|
|
58
|
-
|
|
58
|
+
u(e(P), B({
|
|
59
59
|
"icon-name": "x",
|
|
60
60
|
class: "close-icon"
|
|
61
|
-
},
|
|
61
|
+
}, e(y)[e(n).CLOSE_BTN], { onClick: I }), null, 16),
|
|
62
62
|
o.selectedCount ? (l(), r("div", R, [
|
|
63
|
-
|
|
64
|
-
default:
|
|
63
|
+
u(e(E), { variant: "body1" }, {
|
|
64
|
+
default: c(() => [
|
|
65
65
|
h(A(o.selectedCount) + " selected ", 1)
|
|
66
66
|
]),
|
|
67
67
|
_: 1
|
|
68
68
|
})
|
|
69
69
|
])) : m("", !0),
|
|
70
|
-
(l(!0), r(z, null, M(
|
|
70
|
+
(l(!0), r(z, null, M(e(p), (i, T) => (l(), d(e(S), {
|
|
71
71
|
key: i.id,
|
|
72
72
|
class: N(["action-button", {
|
|
73
|
-
"action-button--last": T ===
|
|
73
|
+
"action-button--last": T === e(p).length - 1
|
|
74
74
|
}]),
|
|
75
75
|
variant: "text",
|
|
76
76
|
color: "default",
|
|
77
77
|
"start-icon-name": i.icon,
|
|
78
|
-
"data-testid": `${
|
|
78
|
+
"data-testid": `${t.testId}-${e(n).ACTION}-${i.id}`,
|
|
79
79
|
disabled: i.disabled,
|
|
80
80
|
onClick: (U) => b(i)
|
|
81
81
|
}, {
|
|
82
|
-
default:
|
|
82
|
+
default: c(() => [
|
|
83
83
|
h(A(i.title), 1)
|
|
84
84
|
]),
|
|
85
85
|
_: 2
|
|
86
86
|
}, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
|
|
87
|
-
|
|
87
|
+
e(C).length ? (l(), d(w, {
|
|
88
88
|
key: 1,
|
|
89
|
-
"menu-items":
|
|
90
|
-
"test-id": `${
|
|
89
|
+
"menu-items": e(C),
|
|
90
|
+
"test-id": `${t.testId}-${e(n).MENU}`,
|
|
91
91
|
onSelected: b
|
|
92
92
|
}, null, 8, ["menu-items", "test-id"])) : m("", !0)
|
|
93
93
|
])
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.multi-bar[data-v-b473b35e]{width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-b473b35e]{justify-content:flex-start}.multi-bar--small[data-v-b473b35e]{height:var(--spacing-600)}.multi-bar--medium[data-v-b473b35e]{height:var(--spacing-700)}.multi-bar--fixed[data-v-b473b35e]{position:fixed;bottom:var(--spacing-500)}.multi-bar--sticky[data-v-b473b35e]{position:sticky;bottom:calc(var(--spacing-200))}.multi-bar-enter-from[data-v-b473b35e],.multi-bar-leave-to[data-v-b473b35e]{opacity:0;transform:translateY(200%)}.multi-bar-panel[data-v-b473b35e]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-model-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-b473b35e]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-b473b35e]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-b473b35e]{margin-right:4px}.action-button--last[data-v-b473b35e]{margin-right:0}
|