@ironsource/shared-ui 2.1.11-test.98 → 2.1.11

package/components/chart/ChartLegend.vue2.js

@@ -1,13 +1,16 @@
- 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";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as r, createElementBlock as c, createElementVNode as d, createVNode as s, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
 import { useVirtualList as z } from "@vueuse/core";
-import _ from "../typography/v4/Typography.vue.js";
+import f from "../typography/v4/Typography.vue.js";
 import R from "../checkbox/v4/CheckboxV4.vue.js";
 import q from "../search/v4/SearchV4.vue.js";
 import { DEFAULT_MIN_VISIBLE as G, DEFAULT_MAX_VISIBLE as X } from "./consts.js";
 import $ from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import j from "../tooltip/v4/TooltipV4.vue.js";
-const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"], Q = { class: "label-container" }, ae = /* @__PURE__ */ M({
+const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
+  key: 0,
+  class: "empty-list"
+}, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ D({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
@@ -17,97 +20,104 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
     maxLimitTooltipText: { default: "" }
   },
   emits: ["update:visibleIds"],
-  setup(b, { emit: L }) {
-    const o = b, T = 32, d = N(""), g = p(() => {
-      const t = d.value.toLowerCase();
-      return o.items.filter(
-        (l) => l.label.toLowerCase().includes(t)
+  setup(h, { emit: g }) {
+    const l = h, k = 32, u = M(""), T = m(() => {
+      const t = u.value.toLowerCase();
+      return l.items.filter(
+        (i) => i.label.toLowerCase().includes(t)
       );
-    }), s = (t) => o.visibleIds.includes(t.id), f = p(
-      () => o.visibleIds.length >= o.maxVisible
-    ), k = p(
-      () => o.visibleIds.length <= o.minVisible
-    ), c = (t) => k.value && s(t) || f.value && !s(t), C = (t) => !o.maxLimitTooltipText || s(t) || !f.value, V = (t, l) => {
-      L(
+    }), a = (t) => l.visibleIds.includes(t.id), v = m(
+      () => l.visibleIds.length >= l.maxVisible
+    ), y = m(
+      () => l.visibleIds.length <= l.minVisible
+    ), n = (t) => y.value && a(t) || v.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !v.value, V = (t, i) => {
+      g(
         "update:visibleIds",
-        t ? [...o.visibleIds, l.id] : o.visibleIds.filter((e) => e !== l.id)
+        t ? [...l.visibleIds, i.id] : l.visibleIds.filter((e) => e !== i.id)
       );
-    }, { list: y, containerProps: w, wrapperProps: E } = z(g, {
-      itemHeight: T,
+    }, { list: x, containerProps: w, wrapperProps: E } = z(T, {
+      itemHeight: k,
       overscan: 10
-    }), B = (t) => {
-      c(t) || V(!s(t), t);
+    }), N = (t) => {
+      n(t) || V(!a(t), t);
     };
-    return (t, l) => (r(), u("div", J, [
-      a("div", K, [
-        n(i(q), {
-          modelValue: d.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (e) => d.value = e)
+    return (t, i) => (r(), c("div", J, [
+      d("div", K, [
+        s(o(q), {
+          modelValue: u.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => u.value = e)
         }, null, 8, ["modelValue"])
       ]),
-      a("div", x({ class: "legend" }, i(w)), [
-        a("ul", x({ class: "legend__list" }, i(E)), [
-          (r(!0), u(S, null, P(i(y), ({ data: e, index: D }) => (r(), u("li", {
-            key: D,
-            class: A({ "disabled-item": c(e) })
+      d("div", I({ class: "legend" }, o(w)), [
+        d("ul", I({ class: "legend__list" }, o(E)), [
+          o(x).length === 0 ? (r(), c("li", O, [
+            s(o(f), { variant: "body2" }, {
+              default: p(() => [
+                b("No results")
+              ]),
+              _: 1
+            })
+          ])) : (r(!0), c(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (r(), c("li", {
+            key: B,
+            class: A({ "disabled-item": n(e) })
           }, [
-            n(i(j), {
-              text: b.maxLimitTooltipText,
+            s(o(j), {
+              text: h.maxLimitTooltipText,
               disabled: C(e),
               class: "disabled-tooltip"
             }, {
-              default: m(() => [
-                a("div", {
+              default: p(() => [
+                d("div", {
                   class: "item-wrapper",
-                  onClick: (v) => B(e)
+                  onClick: (_) => N(e)
                 }, [
-                  n(i(R), {
+                  s(o(R), {
                     color: e.color,
-                    "is-checked": s(e),
-                    disabled: c(e),
-                    onClick: l[1] || (l[1] = F(
-                      (v) => {
-                        v.stopPropagation();
+                    "is-checked": a(e),
+                    disabled: n(e),
+                    onClick: i[1] || (i[1] = F(
+                      (_) => {
+                        _.stopPropagation();
                       },
                       ["stop"]
                     ))
                   }, null, 8, ["color", "is-checked", "disabled"]),
-                  e.icon ? (r(), H(i($), {
+                  e.icon ? (r(), H(o($), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
                   }, null, 8, ["type", "name"])) : U("", !0),
-                  a("div", Q, [
-                    n(i(_), {
+                  d("div", W, [
+                    s(o(f), {
                       variant: "body2",
                       class: "legend-label",
                       "is-truncated": "",
-                      "with-tooltip": "",
+                      "with-tooltip": !n(e),
                       "tooltip-text": e.label,
                       "tooltip-placement": "left"
                     }, {
-                      default: m(() => [
-                        h(I(e.label), 1)
+                      default: p(() => [
+                        b(L(e.label), 1)
                       ]),
                       _: 2
-                    }, 1032, ["tooltip-text"]),
-                    n(i(_), {
+                    }, 1032, ["with-tooltip", "tooltip-text"]),
+                    s(o(f), {
                       variant: "caption",
                       class: "legend-caption legend-label",
                       "is-truncated": "",
-                      "with-tooltip": "",
+                      "with-tooltip": !n(e),
                       "tooltip-text": e.caption,
                       "tooltip-placement": "left"
                     }, {
-                      default: m(() => [
-                        h(I(e.caption), 1)
+                      default: p(() => [
+                        b(L(e.caption), 1)
                       ]),
                       _: 2
-                    }, 1032, ["tooltip-text"])
+                    }, 1032, ["with-tooltip", "tooltip-text"])
                   ])
-                ], 8, O)
+                ], 8, Q)
               ]),
               _: 2
             }, 1032, ["text", "disabled"])
@@ -118,5 +128,5 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
   }
 });
 export {
-  ae as default
+  ne as default
 };

package/components/chart/ChartLoader.vue.js

@@ -1,25 +1,7 @@
-import { openBlock as o, createElementBlock as c, pushScopeId as r, popScopeId as s, createElementVNode as t } from "vue";
-/* empty css                  */import a from "../../_virtual/_plugin-vue_export-helper.js";
-const d = {}, i = (e) => (r("data-v-142c444a"), e = e(), s(), e), n = { class: "chart-loader" }, p = /* @__PURE__ */ i(() => /* @__PURE__ */ t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1072 275",
-  preserveAspectRatio: "none",
-  width: "100%",
-  height: "100%",
-  fill: "none"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M499.744 87.7024L499 87.4816C399.137 70.0475 293 138.418 218 173.72C120 219.848 87 235.892 0 275L1072 275C979 -57.3526 836.258 -31.5829 732 59.404C648.885 131.939 570.549 108.704 499.744 87.7024Z",
-    fill: "black",
-    "fill-opacity": "0.05"
-  })
-], -1)), _ = [
-  p
-];
-function l(e, h) {
-  return o(), c("div", n, _);
-}
-const w = /* @__PURE__ */ a(d, [["render", l], ["__scopeId", "data-v-142c444a"]]);
+import o from "./ChartLoader.vue2.js";
+/* empty css                  */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ffa4cc66"]]);
 export {
-  w as default
+  c as default
 };

package/components/chart/ChartLoader.vue2.js

@@ -0,0 +1,15 @@
+ import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; import { defineComponent as e, openBlock as o, createElementBlock as r, createElementVNode as t, createVNode as a } from "vue";
+import c from "../loader/v4/Loader.vue.js";
+const n = { class: "chart-loader" }, s = { class: "chart-loader-wrapper" }, i = /* @__PURE__ */ e({
+  __name: "ChartLoader",
+  setup(d) {
+    return (_, p) => (o(), r("div", n, [
+      t("div", s, [
+        a(c)
+      ])
+    ]));
+  }
+});
+export {
+  i as default
+};

package/components/chart/mockData.d.ts

@@ -34,4 +34,12 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         value: number;
     }[];
 })[];
+export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
+    id: string;
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+}[];
 export declare const generateMockData: (numSeries?: number) => any[];

package/components/dateRange/v4/DateRangeV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./DateRangeV4.vue2.js";
 /* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-309e5351"]]);
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8a2714eb"]]);
 export {
-  a as default
+  s as default
 };

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
-import X from "./CalendarMonthV4.vue.js";
-import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
-import E from "../../button/v4/ButtonV4.vue.js";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
+import Z from "./CalendarMonthV4.vue.js";
+import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
+import A from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
@@ -11,17 +11,17 @@ import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
-import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import te from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
 import "../../dropdown/v4/ConditionalDropdown.vue.js";
-import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
-import { dateRangeCommon as ae } from "../common/DateRange.common.js";
+import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
+import { dateRangeCommon as de } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";
-const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
+const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid"], oe = {
   key: 0,
   class: "type-picker"
-}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Le = /* @__PURE__ */ J({
+}, le = ["onClick"], re = ["data-testid"], ce = ["id"], ue = ["id"], me = ["onClick"], pe = { class: "dropdown-rightTriangle" }, ye = ["data-testid"], ge = { class: "date-picker-calendar left-box" }, fe = { class: "buttons-cover" }, he = { class: "range" }, ve = { class: "text-container" }, Ve = /* @__PURE__ */ J({
   __name: "DateRangeV4",
   props: {
     range: null,
@@ -48,86 +48,91 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
     "opened",
     "dismissed"
   ],
-  setup(t, { emit: R }) {
-    const A = t, {
-      datePicker: B,
-      datePickerId: M,
-      getMaxAllowedDate: S,
-      selectedPreset: I,
-      displayError: q,
+  setup(t, { emit: B }) {
+    const I = t, {
+      datePicker: M,
+      datePickerId: S,
+      getMaxAllowedDate: q,
+      selectedPreset: w,
+      displayError: O,
       rangeType: f,
-      selectedRange: O,
-      placement: L,
-      currentDate: w,
-      error: V,
-      presets: z,
+      selectedRange: L,
+      placement: V,
+      currentDate: T,
+      error: z,
+      presets: U,
       isOpen: h,
-      popup: U,
+      popup: F,
       currentMonths: y,
-      displayedMonthsKeys: T,
-      changeType: F,
+      displayedMonthsKeys: b,
+      changeType: P,
       presetChanged: G,
       apply: K,
       getNavigation: W,
       navigationCallback: Y,
       selectionChanged: j,
-      toggle: b,
+      toggle: D,
       isCompact: H
-    } = ae(A, R);
-    return (D, u) => (n(), i("div", {
-      id: e(M),
+    } = de(I, B);
+    return Q(
+      () => I.datePresetList,
+      () => {
+        P("date", !1);
+      }
+    ), (N, c) => (n(), s("div", {
+      id: e(S),
       ref_key: "datePicker",
-      ref: B,
+      ref: M,
       class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
       "data-testid": `${t.testId}-${e(o).WRAPPER}`
     }, [
       d("div", {
         class: "date-range-field",
         "data-testid": `${t.testId}-${e(o).TRIGGER}`,
-        onClick: u[0] || (u[0] = (a) => e(b)())
+        onClick: c[0] || (c[0] = (a) => e(D)())
       }, [
-        N(D.$slots, "field", {
-          currentDate: e(w),
+        x(N.$slots, "field", {
+          currentDate: e(T),
           isOpen: e(h)
         }, () => [
-          s(e(ee), {
-            label: e(w),
+          i(e(te), {
+            label: e(T),
             "start-icon-name": "calendar-blank",
             variant: "outlined",
-            "test-id": `${t.testId}-${e(te).INPUT}`,
+            "test-id": `${t.testId}-${e(ae).INPUT}`,
             open: e(h)
           }, null, 8, ["label", "test-id", "open"])
         ], !0)
-      ], 8, ne),
+      ], 8, se),
       v(d("div", {
         id: "datepickerPopup" + t.uniqueId,
         ref_key: "popup",
-        ref: U,
+        ref: F,
         class: r(["pop-up", [
-          e(L),
+          e(V),
           t.openOnTop ? "open-on-top" : "",
           t.showPresets ? "" : "hide-presets"
         ]]),
         "data-testid": `${t.testId}-${e(o).CONTAINER}`
       }, [
-        t.types.length > 1 ? (n(), i("div", se, [
-          (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
+        t.types.length > 1 ? (n(), s("div", oe, [
+          (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
             key: a,
             class: r(["range-type", { "selected-range-type": e(f) === a }]),
-            onClick: (c) => e(F)(a, !0)
+            onClick: (u) => e(P)(a, !0)
           }, [
-            s(e(p), { variant: "h1" }, {
+            i(e(p), { variant: "h1" }, {
               default: l(() => [
-                m(g(e(Z)[a]), 1)
+                m(g(e(_)[a]), 1)
               ]),
               _: 2
             }, 1024)
-          ], 10, oe))), 128))
-        ])) : P("", !0),
+          ], 10, le))), 128))
+        ])) : E("", !0),
         d("div", {
           class: r(["flex", { "pop-up-content": t.types.length > 1 }])
         }, [
-          t.showPresets ? (n(), i("div", {
+          t.showPresets ? (n(), s("div", {
             key: 0,
             class: "date-picker-menu",
             "data-testid": `${t.testId}-${e(o).MENU}`
@@ -139,17 +144,17 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
               d("ul", {
                 id: "customDropDownList" + t.uniqueId
               }, [
-                (n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
+                (n(!0), s(k, null, C(e(U), (a) => (n(), s("li", {
                   key: a.id,
                   class: r({
-                    "selected-preset-container": e(I) === a.id
+                    "selected-preset-container": e(w) === a.id
                   })
                 }, [
                   d("div", {
-                    class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
-                    onClick: (c) => e(G)(a)
+                    class: r([{ "selected-preset": e(w) === a.id }, "preset-element"]),
+                    onClick: (u) => e(G)(a)
                   }, [
-                    s(e(p), {
+                    i(e(p), {
                       variant: "body2",
                       "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
                     }, {
@@ -158,60 +163,60 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                       ]),
                       _: 2
                     }, 1032, ["data-testid"])
-                  ], 10, ce),
-                  v(d("div", me, null, 512), [
+                  ], 10, me),
+                  v(d("div", pe, null, 512), [
                     [$, a.id === "custom"]
                   ])
                 ], 2))), 128))
               ], 8, ue)
-            ], 8, re),
+            ], 8, ce),
             d("div", {
               class: "type-message",
               "data-testid": `${t.testId}-${e(o).MESSAGE}`
-            }, g(e(_)[e(f)]), 9, pe)
-          ], 8, le)) : P("", !0),
+            }, g(e(ee)[e(f)]), 9, ye)
+          ], 8, re)) : E("", !0),
           d("div", {
             class: "calendar-wrap",
-            style: Q({ height: e(H) ? "336px" : "372px" })
+            style: X({ height: e(H) ? "336px" : "372px" })
           }, [
-            d("div", ye, [
-              (n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
-                s(X, {
+            d("div", ge, [
+              (n(!0), s(k, null, C(e(b), (a, u) => (n(), s("div", { key: a }, [
+                i(Z, {
                   id: t.uniqueId,
                   navigation: e(W)(
-                    c === 0,
-                    c === e(T).length - 1
+                    u === 0,
+                    u === e(b).length - 1
                   ),
                   year: e(y)[a].parsedMonth.year,
                   days: e(y)[a].parsedMonth.days,
                   weeks: e(y)[a].parsedMonth.weeks,
                   month: e(y)[a].parsedMonth.month,
-                  range: e(O),
+                  range: e(L),
                   type: e(f),
                   "allowed-days": t.allowedDays,
-                  "max-allowed-date": e(S),
-                  "test-id": `${t.testId}-${c}`,
+                  "max-allowed-date": e(q),
+                  "test-id": `${t.testId}-${u}`,
                   onSelectionChanged: e(j),
                   onNavigation: e(Y)
                 }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
               ]))), 128)),
-              d("div", ge, [
-                d("div", fe, [
-                  N(D.$slots, "footer", {}, void 0, !0)
-                ]),
+              d("div", fe, [
                 d("div", he, [
-                  s(e(p), { variant: "body2" }, {
+                  x(N.$slots, "footer", {}, void 0, !0)
+                ]),
+                d("div", ve, [
+                  i(e(p), { variant: "body2" }, {
                     default: l(() => [
                       m("All dates are in UTC")
                     ]),
                     _: 1
                   })
                 ]),
-                v(d("div", { class: "error" }, g(e(V)), 513), [
-                  [$, e(q)]
+                v(d("div", { class: "error" }, g(e(z)), 513), [
+                  [$, e(O)]
                 ]),
-                u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
-                  s(e(E), {
+                c[1] || (R(-1), c[1] = d("div", { class: "buttons" }, [
+                  i(e(A), {
                     id: "button-ok" + t.uniqueId,
                     size: "small",
                     class: "button",
@@ -220,7 +225,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     onClick: (a) => e(K)()
                   }, {
                     default: l(() => [
-                      s(e(p), { variant: "button" }, {
+                      i(e(p), { variant: "button" }, {
                         default: l(() => [
                           m("Apply")
                         ]),
@@ -229,7 +234,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"]),
-                  s(e(E), {
+                  i(e(A), {
                     id: "button-cancel" + t.uniqueId,
                     size: "small",
                     theme: "third",
@@ -237,10 +242,10 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     variant: "outlined",
                     class: "button",
                     "data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
-                    onClick: (a) => e(b)()
+                    onClick: (a) => e(D)()
                   }, {
                     default: l(() => [
-                      s(e(p), { variant: "button" }, {
+                      i(e(p), { variant: "button" }, {
                         default: l(() => [
                           m(" Cancel ")
                         ]),
@@ -249,7 +254,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"])
-                ]), x(1), u[1])
+                ]), R(1), c[1])
               ])
             ])
           ], 4)
@@ -257,9 +262,9 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
       ], 10, ie), [
         [$, e(h)]
       ])
-    ], 10, de));
+    ], 10, ne));
   }
 });
 export {
-  Le as default
+  Ve as default
 };