@ironsource/shared-ui 2.1.11-rc.37 → 2.1.11-rc.39

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 (18) hide show
  1. package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +1 -0
  2. package/DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css +1 -0
  3. package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css +1 -0
  4. package/components/chart/ChartLegend.vue.js +2 -2
  5. package/components/chart/ChartLegend.vue2.js +43 -46
  6. package/components/dialog/v4/DialogV4.vue.d.ts +10 -0
  7. package/components/dialog/v4/DialogV4.vue.js +3 -3
  8. package/components/dialog/v4/DialogV4.vue2.js +64 -60
  9. package/components/dialog/v4/index.d.ts +39 -1
  10. package/components/snackbar/v4/SnackbarV4.vue.d.ts +7 -116
  11. package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
  12. package/components/snackbar/v4/SnackbarV4.vue2.js +62 -60
  13. package/index.d.ts +78 -2
  14. package/index.js +1 -1
  15. package/package.json +1 -1
  16. package/ChartLegend.vue_vue_type_style_index_0_scoped_3cd8616d_lang.css +0 -1
  17. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +0 -1
  18. package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +0 -1
package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css ADDED
@@ -0,0 +1 @@
1
+ .disabled-tooltip[data-v-a1c626cd],.disabled-tooltip[data-v-a1c626cd] .container{width:100%}.chart-legend[data-v-a1c626cd]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-a1c626cd]{padding:12px 0 4px}.legend[data-v-a1c626cd]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-a1c626cd]{list-style:none;padding:0}.legend__list>li[data-v-a1c626cd]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-a1c626cd]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-a1c626cd]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-a1c626cd]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-a1c626cd]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-a1c626cd]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-a1c626cd]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-a1c626cd]{color:var(--text-secondary, #646464)}
package/DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css ADDED
@@ -0,0 +1 @@
1
+ .container[data-v-c65df8d7]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-c65df8d7]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-c65df8d7]{width:56.25rem}.dialog--small[data-v-c65df8d7]{width:37.5rem}.dialog--extraSmall[data-v-c65df8d7]{width:27.75rem}.header[data-v-c65df8d7]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-c65df8d7]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-c65df8d7]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-c65df8d7]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-c65df8d7]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-c65df8d7]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-c65df8d7]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-c65df8d7] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-c65df8d7]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-c65df8d7],.v-leave-active[data-v-c65df8d7]{transition:opacity .25s ease}.v-enter-from[data-v-c65df8d7],.v-leave-to[data-v-c65df8d7]{opacity:0}
package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css ADDED
@@ -0,0 +1 @@
1
+ .container[data-v-89fe8aa1]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-89fe8aa1]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-89fe8aa1]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-89fe8aa1]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-89fe8aa1]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-89fe8aa1]{right:1rem}.snackbar.left[data-v-89fe8aa1]{left:1rem}.close-button-wrapper[data-v-89fe8aa1]{width:20px}.snackbar-enter-from.right[data-v-89fe8aa1]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-89fe8aa1]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-89fe8aa1]{opacity:0}.snackbar-leave-to.right[data-v-89fe8aa1]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-89fe8aa1]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-89fe8aa1]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-89fe8aa1]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-89fe8aa1]{color:var(--success-main)}.action-wrapper[data-v-89fe8aa1]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-89fe8aa1]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
package/components/chart/ChartLegend.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartLegend.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartLegend.vue_vue_type_style_index_0_scoped_3cd8616d_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3cd8616d"]]);
3
+ // import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a1c626cd"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/chart/ChartLegend.vue2.js CHANGED
@@ -1,89 +1,86 @@
1
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_3cd8616d_lang.css"; import { defineComponent as M, ref as N, computed as u, openBlock as r, createElementBlock as m, createElementVNode as a, createVNode as n, unref as i, mergeProps as h, Fragment as S, renderList as P, normalizeClass as A, withCtx as b, withModifiers as F, createBlock as H, createCommentVNode as U, createTextVNode as I, toDisplayString as _ } from "vue";
1
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; import { defineComponent as M, ref as N, computed as p, openBlock as r, createElementBlock as u, createElementVNode as a, createVNode as n, unref as i, mergeProps as x, Fragment as S, renderList as P, normalizeClass as A, withCtx as m, withModifiers as F, createBlock as H, createCommentVNode as U, createTextVNode as h, toDisplayString as I } from "vue";
2
2
  import { useVirtualList as z } from "@vueuse/core";
3
- import L from "../typography/v4/Typography.vue.js";
3
+ import _ from "../typography/v4/Typography.vue.js";
4
4
  import R from "../checkbox/v4/CheckboxV4.vue.js";
5
- import $ from "../search/v4/SearchV4.vue.js";
6
- import { DEFAULT_MIN_VISIBLE as q, DEFAULT_MAX_VISIBLE as G } from "./consts.js";
7
- import X from "../icon/v4/IconV4.vue.js";
5
+ import q from "../search/v4/SearchV4.vue.js";
6
+ import { DEFAULT_MIN_VISIBLE as G, DEFAULT_MAX_VISIBLE as X } from "./consts.js";
7
+ import $ from "../icon/v4/IconV4.vue.js";
8
8
  import "../icon/v4/IconFlag.vue.js";
9
9
  import j from "../tooltip/v4/TooltipV4.vue.js";
10
- const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"], Q = ["onClick"], ae = /* @__PURE__ */ M({
10
+ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"], Q = { class: "label-container" }, ae = /* @__PURE__ */ M({
11
11
  __name: "ChartLegend",
12
12
  props: {
13
13
  items: { default: () => [] },
14
14
  visibleIds: { default: () => [] },
15
- minVisible: { default: q },
16
- maxVisible: { default: G },
15
+ minVisible: { default: G },
16
+ maxVisible: { default: X },
17
17
  maxLimitTooltipText: { default: "" }
18
18
  },
19
19
  emits: ["update:visibleIds"],
20
- setup(f, { emit: k }) {
21
- const o = f, C = 32, c = N(""), T = u(() => {
22
- const t = c.value.toLowerCase();
20
+ setup(b, { emit: L }) {
21
+ const o = b, T = 32, d = N(""), g = p(() => {
22
+ const t = d.value.toLowerCase();
23
23
  return o.items.filter(
24
24
  (l) => l.label.toLowerCase().includes(t)
25
25
  );
26
- }), s = (t) => o.visibleIds.includes(t.id), v = u(
26
+ }), s = (t) => o.visibleIds.includes(t.id), f = p(
27
27
  () => o.visibleIds.length >= o.maxVisible
28
- ), g = u(
28
+ ), k = p(
29
29
  () => o.visibleIds.length <= o.minVisible
30
- ), d = (t) => g.value && s(t) || v.value && !s(t), V = (t) => !o.maxLimitTooltipText || s(t) || !v.value, y = (t, l) => {
31
- k(
30
+ ), c = (t) => k.value && s(t) || f.value && !s(t), C = (t) => !o.maxLimitTooltipText || s(t) || !f.value, V = (t, l) => {
31
+ L(
32
32
  "update:visibleIds",
33
33
  t ? [...o.visibleIds, l.id] : o.visibleIds.filter((e) => e !== l.id)
34
34
  );
35
- }, { list: w, containerProps: E, wrapperProps: B } = z(T, {
36
- itemHeight: C,
35
+ }, { list: y, containerProps: w, wrapperProps: E } = z(g, {
36
+ itemHeight: T,
37
37
  overscan: 10
38
- }), x = (t) => {
39
- d(t) || y(!s(t), t);
38
+ }), B = (t) => {
39
+ c(t) || V(!s(t), t);
40
40
  };
41
- return (t, l) => (r(), m("div", J, [
41
+ return (t, l) => (r(), u("div", J, [
42
42
  a("div", K, [
43
- n(i($), {
44
- modelValue: c.value,
45
- "onUpdate:modelValue": l[0] || (l[0] = (e) => c.value = e)
43
+ n(i(q), {
44
+ modelValue: d.value,
45
+ "onUpdate:modelValue": l[0] || (l[0] = (e) => d.value = e)
46
46
  }, null, 8, ["modelValue"])
47
47
  ]),
48
- a("div", h({ class: "legend" }, i(E)), [
49
- a("ul", h({ class: "legend__list" }, i(B)), [
50
- (r(!0), m(S, null, P(i(w), ({ data: e, index: D }) => (r(), m("li", {
48
+ a("div", x({ class: "legend" }, i(w)), [
49
+ a("ul", x({ class: "legend__list" }, i(E)), [
50
+ (r(!0), u(S, null, P(i(y), ({ data: e, index: D }) => (r(), u("li", {
51
51
  key: D,
52
- class: A({ "disabled-item": d(e) })
52
+ class: A({ "disabled-item": c(e) })
53
53
  }, [
54
54
  n(i(j), {
55
- text: f.maxLimitTooltipText,
56
- disabled: V(e),
55
+ text: b.maxLimitTooltipText,
56
+ disabled: C(e),
57
57
  class: "disabled-tooltip"
58
58
  }, {
59
- default: b(() => [
59
+ default: m(() => [
60
60
  a("div", {
61
61
  class: "item-wrapper",
62
- onClick: (p) => x(e)
62
+ onClick: (v) => B(e)
63
63
  }, [
64
64
  n(i(R), {
65
65
  color: e.color,
66
66
  "is-checked": s(e),
67
- disabled: d(e),
67
+ disabled: c(e),
68
68
  onClick: l[1] || (l[1] = F(
69
- (p) => {
70
- p.stopPropagation();
69
+ (v) => {
70
+ v.stopPropagation();
71
71
  },
72
72
  ["stop"]
73
73
  ))
74
74
  }, null, 8, ["color", "is-checked", "disabled"]),
75
- e.icon ? (r(), H(i(X), {
75
+ e.icon ? (r(), H(i($), {
76
76
  key: 0,
77
77
  class: "icon-color",
78
78
  type: e.iconType,
79
79
  name: e.icon,
80
80
  size: "16px"
81
81
  }, null, 8, ["type", "name"])) : U("", !0),
82
- a("div", {
83
- class: "label-container",
84
- onClick: (p) => x(e)
85
- }, [
86
- n(i(L), {
82
+ a("div", Q, [
83
+ n(i(_), {
87
84
  variant: "body2",
88
85
  class: "legend-label",
89
86
  "is-truncated": "",
@@ -91,12 +88,12 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
91
88
  "tooltip-text": e.label,
92
89
  "tooltip-placement": "left"
93
90
  }, {
94
- default: b(() => [
95
- I(_(e.label), 1)
91
+ default: m(() => [
92
+ h(I(e.label), 1)
96
93
  ]),
97
94
  _: 2
98
95
  }, 1032, ["tooltip-text"]),
99
- n(i(L), {
96
+ n(i(_), {
100
97
  variant: "caption",
101
98
  class: "legend-caption legend-label",
102
99
  "is-truncated": "",
@@ -104,12 +101,12 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
104
101
  "tooltip-text": e.caption,
105
102
  "tooltip-placement": "left"
106
103
  }, {
107
- default: b(() => [
108
- I(_(e.caption), 1)
104
+ default: m(() => [
105
+ h(I(e.caption), 1)
109
106
  ]),
110
107
  _: 2
111
108
  }, 1032, ["tooltip-text"])
112
- ], 8, Q)
109
+ ])
113
110
  ], 8, O)
114
111
  ]),
115
112
  _: 2
package/components/dialog/v4/DialogV4.vue.d.ts CHANGED
@@ -13,6 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  closeOnClickOutside?: boolean;
14
14
  beforeClose?: (show: () => void) => void;
15
15
  showCloseButton?: boolean;
16
+ showCancelButton?: boolean;
17
+ showSaveButton?: boolean;
16
18
  showFooter?: boolean;
17
19
  saveButtonLabel?: string;
18
20
  saveButtonLoading?: boolean;
@@ -31,6 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
33
  closeDelay: number;
32
34
  closeOnClickOutside: boolean;
33
35
  showCloseButton: boolean;
36
+ showCancelButton: boolean;
37
+ showSaveButton: boolean;
34
38
  escapeToClose: boolean;
35
39
  beforeClose: any;
36
40
  showFooter: boolean;
@@ -60,6 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
64
  closeOnClickOutside?: boolean;
61
65
  beforeClose?: (show: () => void) => void;
62
66
  showCloseButton?: boolean;
67
+ showCancelButton?: boolean;
68
+ showSaveButton?: boolean;
63
69
  showFooter?: boolean;
64
70
  saveButtonLabel?: string;
65
71
  saveButtonLoading?: boolean;
@@ -78,6 +84,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
78
84
  closeDelay: number;
79
85
  closeOnClickOutside: boolean;
80
86
  showCloseButton: boolean;
87
+ showCancelButton: boolean;
88
+ showSaveButton: boolean;
81
89
  escapeToClose: boolean;
82
90
  beforeClose: any;
83
91
  showFooter: boolean;
@@ -107,6 +115,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
107
115
  closeOnClickOutside: boolean;
108
116
  beforeClose: (show: () => void) => void;
109
117
  showCloseButton: boolean;
118
+ showCancelButton: boolean;
119
+ showSaveButton: boolean;
110
120
  showFooter: boolean;
111
121
  saveButtonLabel: string;
112
122
  saveButtonLoading: boolean;
package/components/dialog/v4/DialogV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DialogV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
4
- const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
3
+ // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css"; //*');
4
+ const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c65df8d7"]]);
5
5
  export {
6
- t as default
6
+ c as default
7
7
  };
package/components/dialog/v4/DialogV4.vue2.js CHANGED
@@ -1,22 +1,22 @@
1
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as p, createVNode as b, Transition as w, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
2
- import { NOOP as I } from "@vue/shared";
3
- import T from "../../typography/v4/Typography.vue.js";
4
- import N from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css"; import { defineComponent as L, openBlock as o, createBlock as d, Teleport as E, createVNode as A, Transition as I, withCtx as i, unref as e, createElementBlock as m, createElementVNode as y, mergeProps as u, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
2
+ import { NOOP as S } from "@vue/shared";
3
+ import b from "../../typography/v4/Typography.vue.js";
4
+ import O from "../../button/v4/ButtonV4.vue.js";
5
5
  import V from "../../button/v4/IconButtonV4.vue.js";
6
6
  import "../../button/v4/ButtonGroup.vue.js";
7
7
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
8
- import { Reason as g } from "../common/Reason.js";
9
- import { dialogCommon as D } from "../common/Dialog.common.js";
10
- import { DialogTestIdModifiers as l } from "../../../testids/index.js";
11
- import { useTestIdAttrs as P } from "../../../utils/testIds.js";
12
- import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
13
- const S = {
8
+ import { Reason as h } from "../common/Reason.js";
9
+ import { dialogCommon as p } from "../common/Dialog.common.js";
10
+ import { DialogTestIdModifiers as a } from "../../../testids/index.js";
11
+ import { useTestIdAttrs as D } from "../../../utils/testIds.js";
12
+ import { useMagicKeys as P, whenever as R } from "@vueuse/core";
13
+ const $ = {
14
14
  key: 0,
15
15
  class: "container light-theme-v4"
16
16
  }, F = { class: "title" }, U = {
17
17
  key: 1,
18
18
  class: "footer"
19
- }, Y = /* @__PURE__ */ A({
19
+ }, Y = /* @__PURE__ */ L({
20
20
  __name: "DialogV4",
21
21
  props: {
22
22
  modelValue: { type: Boolean },
@@ -32,6 +32,8 @@ const S = {
32
32
  closeOnClickOutside: { type: Boolean, default: !1 },
33
33
  beforeClose: { type: Function, default: null },
34
34
  showCloseButton: { type: Boolean, default: !0 },
35
+ showCancelButton: { type: Boolean, default: !0 },
36
+ showSaveButton: { type: Boolean, default: !0 },
35
37
  showFooter: { type: Boolean, default: !0 },
36
38
  saveButtonLabel: { default: "Save" },
37
39
  saveButtonLoading: { type: Boolean, default: !1 },
@@ -41,111 +43,113 @@ const S = {
41
43
  testId: { default: "" }
42
44
  },
43
45
  emits: ["update:modelValue", "open", "close", "save", "cancel"],
44
- setup(t, { emit: v }) {
45
- const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
46
- $(L, () => {
47
- h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
46
+ setup(t, { emit: C }) {
47
+ const r = t, { escape: w } = P(), n = D(r.testId, a), { visible: T, handleClose: v } = p(r, C);
48
+ R(w, () => {
49
+ T.value && r.escapeToClose && !r.saveButtonLoading && v(h.Escape);
48
50
  });
49
- const E = () => {
50
- const { closeOnClickOutside: r, saveButtonLoading: n } = i;
51
- r && !n ? y(g.Backdrop) : I();
51
+ const N = () => {
52
+ const { closeOnClickOutside: c, saveButtonLoading: s } = r;
53
+ c && !s ? v(h.Backdrop) : S();
52
54
  };
53
- return (r, n) => (o(), c(p, {
55
+ return (c, s) => (o(), d(E, {
54
56
  to: "body",
55
57
  disabled: !t.appendToBody
56
58
  }, [
57
- b(w, null, {
58
- default: u(() => [
59
- e(h) ? (o(), m("div", S, [
60
- C("div", s({
59
+ A(I, null, {
60
+ default: i(() => [
61
+ e(T) ? (o(), m("div", $, [
62
+ y("div", u({
61
63
  class: ["dialog", [`dialog--${t.size}`]]
62
- }, e(a)[e(l).WRAPPER]), [
63
- t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
64
+ }, e(n)[e(a).WRAPPER]), [
65
+ t.title || t.subtitle || t.showCloseButton ? (o(), m("header", u({
64
66
  key: 0,
65
67
  class: "header"
66
- }, e(a)[e(l).HEADER]), [
67
- C("div", F, [
68
- k(r.$slots, "header", {}, () => [
69
- t.title ? (o(), c(e(T), {
68
+ }, e(n)[e(a).HEADER]), [
69
+ y("div", F, [
70
+ k(c.$slots, "header", {}, () => [
71
+ t.title ? (o(), d(e(b), {
70
72
  key: 0,
71
73
  variant: "h3"
72
74
  }, {
73
- default: u(() => [
75
+ default: i(() => [
74
76
  f(B(t.title), 1)
75
77
  ]),
76
78
  _: 1
77
- })) : d("", !0),
78
- t.subtitle ? (o(), c(e(T), {
79
+ })) : l("", !0),
80
+ t.subtitle ? (o(), d(e(b), {
79
81
  key: 1,
80
82
  class: "subtitle",
81
83
  variant: "body1"
82
84
  }, {
83
- default: u(() => [
85
+ default: i(() => [
84
86
  f(B(t.subtitle), 1)
85
87
  ]),
86
88
  _: 1
87
- })) : d("", !0)
89
+ })) : l("", !0)
88
90
  ], !0)
89
91
  ]),
90
- t.showCloseButton ? (o(), c(e(V), s({
92
+ t.showCloseButton ? (o(), d(e(V), u({
91
93
  key: 0,
92
94
  class: "close-button",
93
95
  "icon-name": "x",
94
96
  disabled: t.saveButtonLoading
95
- }, e(a)[e(l).ACTION_CLOSE], {
96
- onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
97
- }), null, 16, ["disabled"])) : d("", !0)
98
- ], 16)) : d("", !0),
99
- C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
100
- k(r.$slots, "default", {}, () => [
101
- t.content ? (o(), c(e(T), {
97
+ }, e(n)[e(a).ACTION_CLOSE], {
98
+ onClick: s[0] || (s[0] = (g) => e(v)(e(h).CloseButton))
99
+ }), null, 16, ["disabled"])) : l("", !0)
100
+ ], 16)) : l("", !0),
101
+ y("div", u({ class: "content" }, e(n)[e(a).CONTENT]), [
102
+ k(c.$slots, "default", {}, () => [
103
+ t.content ? (o(), d(e(b), {
102
104
  key: 0,
103
105
  variant: "body1"
104
106
  }, {
105
- default: u(() => [
107
+ default: i(() => [
106
108
  f(B(t.content), 1)
107
109
  ]),
108
110
  _: 1
109
- })) : d("", !0)
111
+ })) : l("", !0)
110
112
  ], !0)
111
113
  ], 16),
112
114
  t.showFooter ? (o(), m("footer", U, [
113
- C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
114
- k(r.$slots, "footer", {}, () => [
115
- b(e(N), s({
115
+ y("div", u({ class: "action-buttons" }, e(n)[e(a).ACTION_BUTTONS_WRAPPER]), [
116
+ k(c.$slots, "footer", {}, () => [
117
+ t.showCancelButton ? (o(), d(e(O), u({
118
+ key: 0,
116
119
  class: "form-action",
117
120
  variant: "outlined",
118
121
  color: t.cancelButtonColor,
119
122
  disabled: t.saveButtonLoading
120
- }, e(a)[e(l).CANCEL_BUTTON], {
121
- onClick: n[1] || (n[1] = (O) => v("cancel"))
123
+ }, e(n)[e(a).CANCEL_BUTTON], {
124
+ onClick: s[1] || (s[1] = (g) => C("cancel"))
122
125
  }), {
123
- default: u(() => [
126
+ default: i(() => [
124
127
  f(B(t.cancelButtonLabel), 1)
125
128
  ]),
126
129
  _: 1
127
- }, 16, ["color", "disabled"]),
128
- b(e(N), s({
130
+ }, 16, ["color", "disabled"])) : l("", !0),
131
+ t.showSaveButton ? (o(), d(e(O), u({
132
+ key: 1,
129
133
  class: "form-action",
130
134
  loading: t.saveButtonLoading,
131
135
  color: t.saveButtonColor
132
- }, e(a)[e(l).SAVE_BUTTON], {
133
- onClick: n[2] || (n[2] = (O) => v("save"))
136
+ }, e(n)[e(a).SAVE_BUTTON], {
137
+ onClick: s[2] || (s[2] = (g) => C("save"))
134
138
  }), {
135
- default: u(() => [
139
+ default: i(() => [
136
140
  f(B(t.saveButtonLabel), 1)
137
141
  ]),
138
142
  _: 1
139
- }, 16, ["loading", "color"])
143
+ }, 16, ["loading", "color"])) : l("", !0)
140
144
  ], !0)
141
145
  ], 16)
142
- ])) : d("", !0)
146
+ ])) : l("", !0)
143
147
  ], 16),
144
- t.showBackdrop ? (o(), m("div", s({
148
+ t.showBackdrop ? (o(), m("div", u({
145
149
  key: 0,
146
150
  class: "dialog-backdrop"
147
- }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
148
- ])) : d("", !0)
151
+ }, e(n)[e(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
152
+ ])) : l("", !0)
149
153
  ]),
150
154
  _: 3
151
155
  })
package/components/dialog/v4/index.d.ts CHANGED
@@ -17,6 +17,8 @@ declare const DialogTypes: () => ({
17
17
  closeOnClickOutside: boolean;
18
18
  beforeClose: (show: () => void) => void;
19
19
  showCloseButton: boolean;
20
+ showCancelButton: boolean;
21
+ showSaveButton: boolean;
20
22
  showFooter: boolean;
21
23
  saveButtonLabel: string;
22
24
  saveButtonLoading: boolean;
@@ -80,6 +82,14 @@ declare const DialogTypes: () => ({
80
82
  type: import("vue").PropType<boolean>;
81
83
  default: boolean;
82
84
  };
85
+ showCancelButton: {
86
+ type: import("vue").PropType<boolean>;
87
+ default: boolean;
88
+ };
89
+ showSaveButton: {
90
+ type: import("vue").PropType<boolean>;
91
+ default: boolean;
92
+ };
83
93
  showFooter: {
84
94
  type: import("vue").PropType<boolean>;
85
95
  default: boolean;
@@ -110,7 +120,7 @@ declare const DialogTypes: () => ({
110
120
  onCancel?: () => any;
111
121
  onOpen?: () => any;
112
122
  onSave?: () => any;
113
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
123
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
114
124
  $attrs: {
115
125
  [x: string]: unknown;
116
126
  };
@@ -181,6 +191,14 @@ declare const DialogTypes: () => ({
181
191
  type: import("vue").PropType<boolean>;
182
192
  default: boolean;
183
193
  };
194
+ showCancelButton: {
195
+ type: import("vue").PropType<boolean>;
196
+ default: boolean;
197
+ };
198
+ showSaveButton: {
199
+ type: import("vue").PropType<boolean>;
200
+ default: boolean;
201
+ };
184
202
  showFooter: {
185
203
  type: import("vue").PropType<boolean>;
186
204
  default: boolean;
@@ -231,6 +249,8 @@ declare const DialogTypes: () => ({
231
249
  closeOnClickOutside: boolean;
232
250
  beforeClose: (show: () => void) => void;
233
251
  showCloseButton: boolean;
252
+ showCancelButton: boolean;
253
+ showSaveButton: boolean;
234
254
  showFooter: boolean;
235
255
  saveButtonLabel: string;
236
256
  saveButtonLoading: boolean;
@@ -314,6 +334,14 @@ declare const DialogTypes: () => ({
314
334
  type: import("vue").PropType<boolean>;
315
335
  default: boolean;
316
336
  };
337
+ showCancelButton: {
338
+ type: import("vue").PropType<boolean>;
339
+ default: boolean;
340
+ };
341
+ showSaveButton: {
342
+ type: import("vue").PropType<boolean>;
343
+ default: boolean;
344
+ };
317
345
  showFooter: {
318
346
  type: import("vue").PropType<boolean>;
319
347
  default: boolean;
@@ -405,6 +433,14 @@ declare const DialogTypes: () => ({
405
433
  type: import("vue").PropType<boolean>;
406
434
  default: boolean;
407
435
  };
436
+ showCancelButton: {
437
+ type: import("vue").PropType<boolean>;
438
+ default: boolean;
439
+ };
440
+ showSaveButton: {
441
+ type: import("vue").PropType<boolean>;
442
+ default: boolean;
443
+ };
408
444
  showFooter: {
409
445
  type: import("vue").PropType<boolean>;
410
446
  default: boolean;
@@ -455,6 +491,8 @@ declare const DialogTypes: () => ({
455
491
  closeOnClickOutside: boolean;
456
492
  beforeClose: (show: () => void) => void;
457
493
  showCloseButton: boolean;
494
+ showCancelButton: boolean;
495
+ showSaveButton: boolean;
458
496
  showFooter: boolean;
459
497
  saveButtonLabel: string;
460
498
  saveButtonLoading: boolean;
package/components/snackbar/v4/SnackbarV4.vue.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import { VNode } from 'vue';
2
+ import { Button } from '@/components/button/v4';
3
+ type ButtonProps = InstanceType<typeof Button>['$props'] & {
4
+ onClick?: () => void;
5
+ closeOnClick?: boolean;
6
+ };
2
7
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
8
  customClass: string;
4
9
  dangerouslyUseHTMLString: boolean;
@@ -15,64 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
15
20
  showClose?: boolean;
16
21
  title?: string;
17
22
  zIndex?: number;
18
- actionButtons: (Partial<{
19
- testId: string;
20
- variant: "text" | "contained" | "outlined";
21
- disabled: boolean;
22
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
23
- size: "small" | "medium" | "large" | "extraLarge";
24
- content: string;
25
- loading: boolean;
26
- startIconName: string;
27
- endIconName: string;
28
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
29
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
30
- }> & Omit<Readonly<import("vue").ExtractPropTypes<{
31
- testId: {
32
- type: import("vue").PropType<string>;
33
- default: string;
34
- };
35
- variant: {
36
- type: import("vue").PropType<"text" | "contained" | "outlined">;
37
- default: string;
38
- };
39
- disabled: {
40
- type: import("vue").PropType<boolean>;
41
- default: boolean;
42
- };
43
- color: {
44
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
45
- default: string;
46
- };
47
- size: {
48
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
49
- default: string;
50
- };
51
- content: {
52
- type: import("vue").PropType<string>;
53
- default: string;
54
- };
55
- loading: {
56
- type: import("vue").PropType<boolean>;
57
- default: boolean;
58
- };
59
- startIconName: {
60
- type: import("vue").PropType<string>;
61
- default: any;
62
- };
63
- endIconName: {
64
- type: import("vue").PropType<string>;
65
- default: any;
66
- };
67
- startIconType: {
68
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
69
- default: string;
70
- };
71
- endIconType: {
72
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
73
- default: string;
74
- };
75
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
23
+ actionButtons: ButtonProps[];
76
24
  testId: string;
77
25
  }>, {
78
26
  type: string;
@@ -100,64 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
100
48
  showClose?: boolean;
101
49
  title?: string;
102
50
  zIndex?: number;
103
- actionButtons: (Partial<{
104
- testId: string;
105
- variant: "text" | "contained" | "outlined";
106
- disabled: boolean;
107
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
108
- size: "small" | "medium" | "large" | "extraLarge";
109
- content: string;
110
- loading: boolean;
111
- startIconName: string;
112
- endIconName: string;
113
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
114
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
115
- }> & Omit<Readonly<import("vue").ExtractPropTypes<{
116
- testId: {
117
- type: import("vue").PropType<string>;
118
- default: string;
119
- };
120
- variant: {
121
- type: import("vue").PropType<"text" | "contained" | "outlined">;
122
- default: string;
123
- };
124
- disabled: {
125
- type: import("vue").PropType<boolean>;
126
- default: boolean;
127
- };
128
- color: {
129
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
130
- default: string;
131
- };
132
- size: {
133
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
134
- default: string;
135
- };
136
- content: {
137
- type: import("vue").PropType<string>;
138
- default: string;
139
- };
140
- loading: {
141
- type: import("vue").PropType<boolean>;
142
- default: boolean;
143
- };
144
- startIconName: {
145
- type: import("vue").PropType<string>;
146
- default: any;
147
- };
148
- endIconName: {
149
- type: import("vue").PropType<string>;
150
- default: any;
151
- };
152
- startIconType: {
153
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
154
- default: string;
155
- };
156
- endIconType: {
157
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
158
- default: string;
159
- };
160
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
51
+ actionButtons: ButtonProps[];
161
52
  testId: string;
162
53
  }>, {
163
54
  type: string;
package/components/snackbar/v4/SnackbarV4.vue.js CHANGED
@@ -1,7 +1,7 @@
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"]]);
1
+ import o from "./SnackbarV4.vue2.js";
2
+ /* empty css */import a from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; //*');
4
+ const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-89fe8aa1"]]);
5
5
  export {
6
- a as default
6
+ r as default
7
7
  };
package/components/snackbar/v4/SnackbarV4.vue2.js CHANGED
@@ -1,18 +1,18 @@
1
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as M, computed as $, 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
- import U from "../../icon/v4/IconV4.vue.js";
1
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
2
+ import D from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
- import D from "../../button/v4/ButtonV4.vue.js";
5
- import H from "../../button/v4/IconButtonV4.vue.js";
4
+ import H from "../../button/v4/ButtonV4.vue.js";
5
+ import F from "../../button/v4/IconButtonV4.vue.js";
6
6
  import "../../button/v4/ButtonGroup.vue.js";
7
7
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
8
- import S from "../../typography/v4/Typography.vue.js";
9
- import { snackbarCommon as F } from "../common/snackbar.common.js";
10
- import { useTestIdAttrs as G } from "../../../utils/testIds.js";
8
+ import b from "../../typography/v4/Typography.vue.js";
9
+ import { snackbarCommon as G } from "../common/snackbar.common.js";
10
+ import { useTestIdAttrs as P } from "../../../utils/testIds.js";
11
11
  import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
12
- const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
12
+ const R = ["id"], j = { class: "container" }, q = { class: "texts" }, J = { class: "message" }, K = { class: "action-wrapper" }, Q = {
13
13
  key: 0,
14
14
  class: "actions"
15
- }, Q = { class: "close-button-wrapper" }, ae = /* @__PURE__ */ M({
15
+ }, W = { class: "close-button-wrapper" }, lt = /* @__PURE__ */ $({
16
16
  __name: "SnackbarV4",
17
17
  props: {
18
18
  customClass: null,
@@ -32,15 +32,15 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
32
32
  testId: { default: "" }
33
33
  },
34
34
  emits: ["destroy"],
35
- setup(t) {
36
- const u = t, {
37
- visible: b,
38
- horizontalClass: p,
39
- positionStyle: w,
35
+ setup(e) {
36
+ const m = e, {
37
+ visible: p,
38
+ horizontalClass: w,
39
+ positionStyle: L,
40
40
  clearTimer: k,
41
41
  startTimer: C,
42
- close: L
43
- } = F(u), E = {
42
+ close: y
43
+ } = G(m), E = {
44
44
  info: {
45
45
  iconName: "info",
46
46
  class: "snackbar-icon-info"
@@ -53,83 +53,85 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
53
53
  iconName: "check-circle",
54
54
  class: "snackbar-icon-success"
55
55
  }
56
- }, y = $(() => E[u.type]), r = G(u.testId, i);
57
- return (m, o) => (n(), c(A, {
56
+ }, v = A(() => E[m.type]), r = P(m.testId, i), M = ({ closeOnClick: c, onClick: o }) => () => {
57
+ c && y(), o && o();
58
+ };
59
+ return (c, o) => (n(), d(O, {
58
60
  name: "snackbar",
59
- onBeforeLeave: t.onClose,
60
- onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
61
+ onBeforeLeave: e.onClose,
62
+ onAfterLeave: o[3] || (o[3] = (s) => c.$emit("destroy"))
61
63
  }, {
62
64
  default: f(() => [
63
- g(a("div", l({
64
- id: t.id,
65
- class: ["snackbar light-theme-v4", [t.customClass, e(p)]],
66
- style: e(w),
65
+ I(a("div", l({
66
+ id: e.id,
67
+ class: ["snackbar light-theme-v4", [e.customClass, t(w)]],
68
+ style: t(L),
67
69
  role: "alert"
68
- }, e(r)[e(i).CONTAINER], {
70
+ }, t(r)[t(i).CONTAINER], {
69
71
  onMouseenter: o[0] || (o[0] = //@ts-ignore
70
- (...s) => e(k) && e(k)(...s)),
72
+ (...s) => t(k) && t(k)(...s)),
71
73
  onMouseleave: o[1] || (o[1] = //@ts-ignore
72
- (...s) => e(C) && e(C)(...s)),
74
+ (...s) => t(C) && t(C)(...s)),
73
75
  onClick: o[2] || (o[2] = //@ts-ignore
74
- (...s) => t.onClick && t.onClick(...s))
76
+ (...s) => e.onClick && e.onClick(...s))
75
77
  }), [
76
- a("div", R, [
77
- a("div", j, [
78
- t.title ? (n(), c(e(S), l({
78
+ a("div", j, [
79
+ a("div", q, [
80
+ e.title ? (n(), d(t(b), l({
79
81
  key: 0,
80
82
  variant: "h4",
81
83
  class: "title"
82
- }, e(r)[e(i).TITLE]), {
84
+ }, t(r)[t(i).TITLE]), {
83
85
  default: f(() => [
84
- z(e(U), l({
85
- name: e(y).iconName,
86
+ z(t(D), l({
87
+ name: t(v).iconName,
86
88
  type: "fill",
87
89
  size: "20px",
88
- class: [e(y).class, "icon-container"]
89
- }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
90
- I(" " + T(t.title), 1)
90
+ class: [t(v).class, "icon-container"]
91
+ }, t(r)[t(i).ICON]), null, 16, ["name", "class"]),
92
+ T(" " + h(e.title), 1)
91
93
  ]),
92
94
  _: 1
93
- }, 16)) : d("", !0),
94
- g(a("div", q, [
95
- h(m.$slots, "default", {}, () => [
96
- t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
95
+ }, 16)) : u("", !0),
96
+ I(a("div", J, [
97
+ B(c.$slots, "default", {}, () => [
98
+ e.dangerouslyUseHTMLString ? u("", !0) : (n(), d(t(b), l({
97
99
  key: 0,
98
100
  variant: "body2"
99
- }, e(r)[e(i).MESSAGE]), {
101
+ }, t(r)[t(i).MESSAGE]), {
100
102
  default: f(() => [
101
- I(T(t.message), 1)
103
+ T(h(e.message), 1)
102
104
  ]),
103
105
  _: 1
104
106
  }, 16))
105
107
  ], !0)
106
108
  ], 512), [
107
- [B, t.message]
109
+ [N, e.message]
108
110
  ]),
109
- a("div", J, [
110
- h(m.$slots, "actions", {}, () => [
111
- t.actionButtons ? (n(), N("div", K, [
112
- (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
113
- key: v,
114
- "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
111
+ a("div", K, [
112
+ B(c.$slots, "actions", {}, () => [
113
+ e.actionButtons ? (n(), S("div", Q, [
114
+ (n(!0), S(V, null, x(e.actionButtons, (s, g) => (n(), d(t(H), l({
115
+ key: g,
116
+ "data-testid": e.testId ? `${e.testId}-${t(i).ACTION_BUTTON}-${g}` : "",
115
117
  size: "small"
116
- }, { ...s }), null, 16, ["data-testid"]))), 128))
117
- ])) : d("", !0)
118
+ }, { ...s, onClick: M(s) }), null, 16, ["data-testid"]))), 128))
119
+ ])) : u("", !0)
118
120
  ], !0)
119
121
  ])
120
122
  ]),
121
- a("div", Q, [
122
- t.showClose ? (n(), c(e(H), l({
123
+ a("div", W, [
124
+ e.showClose ? (n(), d(t(F), l({
123
125
  key: 0,
124
126
  "icon-name": "x",
125
127
  size: "small"
126
- }, e(r)[e(i).CLOSE], {
127
- onClick: x(e(L), ["stop"])
128
- }), null, 16, ["onClick"])) : d("", !0)
128
+ }, t(r)[t(i).CLOSE], {
129
+ onClick: U(t(y), ["stop"])
130
+ }), null, 16, ["onClick"])) : u("", !0)
129
131
  ])
130
132
  ])
131
- ], 16, P), [
132
- [B, e(b)]
133
+ ], 16, R), [
134
+ [N, t(p)]
133
135
  ])
134
136
  ]),
135
137
  _: 3
@@ -137,5 +139,5 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
137
139
  }
138
140
  });
139
141
  export {
140
- ae as default
142
+ lt as default
141
143
  };
package/index.d.ts CHANGED
@@ -10330,6 +10330,8 @@ declare const _default: {
10330
10330
  closeOnClickOutside: boolean;
10331
10331
  beforeClose: (show: () => void) => void;
10332
10332
  showCloseButton: boolean;
10333
+ showCancelButton: boolean;
10334
+ showSaveButton: boolean;
10333
10335
  showFooter: boolean;
10334
10336
  saveButtonLabel: string;
10335
10337
  saveButtonLoading: boolean;
@@ -10393,6 +10395,14 @@ declare const _default: {
10393
10395
  type: import("vue").PropType<boolean>;
10394
10396
  default: boolean;
10395
10397
  };
10398
+ showCancelButton: {
10399
+ type: import("vue").PropType<boolean>;
10400
+ default: boolean;
10401
+ };
10402
+ showSaveButton: {
10403
+ type: import("vue").PropType<boolean>;
10404
+ default: boolean;
10405
+ };
10396
10406
  showFooter: {
10397
10407
  type: import("vue").PropType<boolean>;
10398
10408
  default: boolean;
@@ -10423,7 +10433,7 @@ declare const _default: {
10423
10433
  onCancel?: () => any;
10424
10434
  onOpen?: () => any;
10425
10435
  onSave?: () => any;
10426
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
10436
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
10427
10437
  $attrs: {
10428
10438
  [x: string]: unknown;
10429
10439
  };
@@ -10494,6 +10504,14 @@ declare const _default: {
10494
10504
  type: import("vue").PropType<boolean>;
10495
10505
  default: boolean;
10496
10506
  };
10507
+ showCancelButton: {
10508
+ type: import("vue").PropType<boolean>;
10509
+ default: boolean;
10510
+ };
10511
+ showSaveButton: {
10512
+ type: import("vue").PropType<boolean>;
10513
+ default: boolean;
10514
+ };
10497
10515
  showFooter: {
10498
10516
  type: import("vue").PropType<boolean>;
10499
10517
  default: boolean;
@@ -10544,6 +10562,8 @@ declare const _default: {
10544
10562
  closeOnClickOutside: boolean;
10545
10563
  beforeClose: (show: () => void) => void;
10546
10564
  showCloseButton: boolean;
10565
+ showCancelButton: boolean;
10566
+ showSaveButton: boolean;
10547
10567
  showFooter: boolean;
10548
10568
  saveButtonLabel: string;
10549
10569
  saveButtonLoading: boolean;
@@ -10627,6 +10647,14 @@ declare const _default: {
10627
10647
  type: import("vue").PropType<boolean>;
10628
10648
  default: boolean;
10629
10649
  };
10650
+ showCancelButton: {
10651
+ type: import("vue").PropType<boolean>;
10652
+ default: boolean;
10653
+ };
10654
+ showSaveButton: {
10655
+ type: import("vue").PropType<boolean>;
10656
+ default: boolean;
10657
+ };
10630
10658
  showFooter: {
10631
10659
  type: import("vue").PropType<boolean>;
10632
10660
  default: boolean;
@@ -10718,6 +10746,14 @@ declare const _default: {
10718
10746
  type: import("vue").PropType<boolean>;
10719
10747
  default: boolean;
10720
10748
  };
10749
+ showCancelButton: {
10750
+ type: import("vue").PropType<boolean>;
10751
+ default: boolean;
10752
+ };
10753
+ showSaveButton: {
10754
+ type: import("vue").PropType<boolean>;
10755
+ default: boolean;
10756
+ };
10721
10757
  showFooter: {
10722
10758
  type: import("vue").PropType<boolean>;
10723
10759
  default: boolean;
@@ -10768,6 +10804,8 @@ declare const _default: {
10768
10804
  closeOnClickOutside: boolean;
10769
10805
  beforeClose: (show: () => void) => void;
10770
10806
  showCloseButton: boolean;
10807
+ showCancelButton: boolean;
10808
+ showSaveButton: boolean;
10771
10809
  showFooter: boolean;
10772
10810
  saveButtonLabel: string;
10773
10811
  saveButtonLoading: boolean;
@@ -10799,6 +10837,8 @@ declare const _default: {
10799
10837
  closeOnClickOutside: boolean;
10800
10838
  beforeClose: (show: () => void) => void;
10801
10839
  showCloseButton: boolean;
10840
+ showCancelButton: boolean;
10841
+ showSaveButton: boolean;
10802
10842
  showFooter: boolean;
10803
10843
  saveButtonLabel: string;
10804
10844
  saveButtonLoading: boolean;
@@ -10862,6 +10902,14 @@ declare const _default: {
10862
10902
  type: import("vue").PropType<boolean>;
10863
10903
  default: boolean;
10864
10904
  };
10905
+ showCancelButton: {
10906
+ type: import("vue").PropType<boolean>;
10907
+ default: boolean;
10908
+ };
10909
+ showSaveButton: {
10910
+ type: import("vue").PropType<boolean>;
10911
+ default: boolean;
10912
+ };
10865
10913
  showFooter: {
10866
10914
  type: import("vue").PropType<boolean>;
10867
10915
  default: boolean;
@@ -10892,7 +10940,7 @@ declare const _default: {
10892
10940
  onCancel?: () => any;
10893
10941
  onOpen?: () => any;
10894
10942
  onSave?: () => any;
10895
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
10943
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
10896
10944
  $attrs: {
10897
10945
  [x: string]: unknown;
10898
10946
  };
@@ -10963,6 +11011,14 @@ declare const _default: {
10963
11011
  type: import("vue").PropType<boolean>;
10964
11012
  default: boolean;
10965
11013
  };
11014
+ showCancelButton: {
11015
+ type: import("vue").PropType<boolean>;
11016
+ default: boolean;
11017
+ };
11018
+ showSaveButton: {
11019
+ type: import("vue").PropType<boolean>;
11020
+ default: boolean;
11021
+ };
10966
11022
  showFooter: {
10967
11023
  type: import("vue").PropType<boolean>;
10968
11024
  default: boolean;
@@ -11013,6 +11069,8 @@ declare const _default: {
11013
11069
  closeOnClickOutside: boolean;
11014
11070
  beforeClose: (show: () => void) => void;
11015
11071
  showCloseButton: boolean;
11072
+ showCancelButton: boolean;
11073
+ showSaveButton: boolean;
11016
11074
  showFooter: boolean;
11017
11075
  saveButtonLabel: string;
11018
11076
  saveButtonLoading: boolean;
@@ -11096,6 +11154,14 @@ declare const _default: {
11096
11154
  type: import("vue").PropType<boolean>;
11097
11155
  default: boolean;
11098
11156
  };
11157
+ showCancelButton: {
11158
+ type: import("vue").PropType<boolean>;
11159
+ default: boolean;
11160
+ };
11161
+ showSaveButton: {
11162
+ type: import("vue").PropType<boolean>;
11163
+ default: boolean;
11164
+ };
11099
11165
  showFooter: {
11100
11166
  type: import("vue").PropType<boolean>;
11101
11167
  default: boolean;
@@ -11187,6 +11253,14 @@ declare const _default: {
11187
11253
  type: import("vue").PropType<boolean>;
11188
11254
  default: boolean;
11189
11255
  };
11256
+ showCancelButton: {
11257
+ type: import("vue").PropType<boolean>;
11258
+ default: boolean;
11259
+ };
11260
+ showSaveButton: {
11261
+ type: import("vue").PropType<boolean>;
11262
+ default: boolean;
11263
+ };
11190
11264
  showFooter: {
11191
11265
  type: import("vue").PropType<boolean>;
11192
11266
  default: boolean;
@@ -11237,6 +11311,8 @@ declare const _default: {
11237
11311
  closeOnClickOutside: boolean;
11238
11312
  beforeClose: (show: () => void) => void;
11239
11313
  showCloseButton: boolean;
11314
+ showCancelButton: boolean;
11315
+ showSaveButton: boolean;
11240
11316
  showFooter: boolean;
11241
11317
  saveButtonLabel: string;
11242
11318
  saveButtonLoading: boolean;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
1
+ import './IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_947cb1fc_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.11-rc.37",
3
+ "version": "2.1.11-rc.39",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ChartLegend.vue_vue_type_style_index_0_scoped_3cd8616d_lang.css DELETED
@@ -1 +0,0 @@
1
- .disabled-tooltip[data-v-3cd8616d],.disabled-tooltip[data-v-3cd8616d] .container{width:100%}.chart-legend[data-v-3cd8616d]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-3cd8616d]{padding:12px 0 4px}.legend[data-v-3cd8616d]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-3cd8616d]{list-style:none;padding:0}.legend__list>li[data-v-3cd8616d]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-3cd8616d]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-3cd8616d]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-3cd8616d]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-3cd8616d]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-3cd8616d]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-3cd8616d]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-3cd8616d]{color:var(--text-secondary, #646464)}
package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css DELETED
@@ -1 +0,0 @@
1
- .container[data-v-09c488cf]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-09c488cf]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-09c488cf]{width:56.25rem}.dialog--small[data-v-09c488cf]{width:37.5rem}.dialog--extraSmall[data-v-09c488cf]{width:27.75rem}.header[data-v-09c488cf]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-09c488cf]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-09c488cf]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-09c488cf]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-09c488cf]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-09c488cf]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-09c488cf]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-09c488cf] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-09c488cf]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-09c488cf],.v-leave-active[data-v-09c488cf]{transition:opacity .25s ease}.v-enter-from[data-v-09c488cf],.v-leave-to[data-v-09c488cf]{opacity:0}
package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css DELETED
@@ -1 +0,0 @@
1
- .container[data-v-49c5ccea]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-49c5ccea]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-49c5ccea]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-49c5ccea]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-49c5ccea]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-49c5ccea]{right:1rem}.snackbar.left[data-v-49c5ccea]{left:1rem}.close-button-wrapper[data-v-49c5ccea]{width:20px}.snackbar-enter-from.right[data-v-49c5ccea]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-49c5ccea]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-49c5ccea]{opacity:0}.snackbar-leave-to.right[data-v-49c5ccea]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-49c5ccea]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-49c5ccea]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-49c5ccea]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-49c5ccea]{color:var(--success-main)}.action-wrapper[data-v-49c5ccea]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-49c5ccea]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}