@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.44

package/components/chart/index.d.ts

@@ -12,10 +12,11 @@ declare const ChartTypes: () => ({
             visibleIds: unknown[];
             minVisible: number;
             maxVisible: number;
+            maxLimitTooltipText: string;
             chartType: import("./types").ChartType;
             withSettingsHeader: boolean;
             subheader: string;
-            subheaderTooltip: string;
+            withSubheaderTooltip: boolean;
             dataSets: import("./types").ChartDataSet[];
             hideLegend: boolean;
             tickCount: number;
@@ -56,6 +57,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            maxLimitTooltipText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             chartType: {
                 type: import("vue").PropType<import("./types").ChartType>;
                 default: import("./types").ChartType;
@@ -68,9 +73,9 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            subheaderTooltip: {
-                type: import("vue").PropType<string>;
-                default: string;
+            withSubheaderTooltip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
@@ -100,7 +105,7 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "chartType" | "withSettingsHeader" | "subheader" | "subheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -148,6 +153,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            maxLimitTooltipText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             chartType: {
                 type: import("vue").PropType<import("./types").ChartType>;
                 default: import("./types").ChartType;
@@ -160,9 +169,9 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            subheaderTooltip: {
-                type: import("vue").PropType<string>;
-                default: string;
+            withSubheaderTooltip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
@@ -204,10 +213,11 @@ declare const ChartTypes: () => ({
             visibleIds: unknown[];
             minVisible: number;
             maxVisible: number;
+            maxLimitTooltipText: string;
             chartType: import("./types").ChartType;
             withSettingsHeader: boolean;
             subheader: string;
-            subheaderTooltip: string;
+            withSubheaderTooltip: boolean;
             dataSets: import("./types").ChartDataSet[];
             hideLegend: boolean;
             tickCount: number;
@@ -268,6 +278,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<number>;
             default: number;
         };
+        maxLimitTooltipText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         chartType: {
             type: import("vue").PropType<import("./types").ChartType>;
             default: import("./types").ChartType;
@@ -280,9 +294,9 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        subheaderTooltip: {
-            type: import("vue").PropType<string>;
-            default: string;
+        withSubheaderTooltip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         dataSets: {
             type: import("vue").PropType<import("./types").ChartDataSet[]>;
@@ -350,6 +364,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<number>;
         default: number;
     };
+    maxLimitTooltipText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     chartType: {
         type: import("vue").PropType<import("./types").ChartType>;
         default: import("./types").ChartType;
@@ -362,9 +380,9 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    subheaderTooltip: {
-        type: import("vue").PropType<string>;
-        default: string;
+    withSubheaderTooltip: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     dataSets: {
         type: import("vue").PropType<import("./types").ChartDataSet[]>;
@@ -406,10 +424,11 @@ declare const ChartTypes: () => ({
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
     chartType: import("./types").ChartType;
     withSettingsHeader: boolean;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
     dataSets: import("./types").ChartDataSet[];
     hideLegend: boolean;
     tickCount: number;
@@ -420,6 +439,7 @@ declare const ChartTypes: () => ({
     $slots: {
         metric?(_: {}): any;
         breakdowns?(_: {}): any;
+        "subheader-tooltip"?(_: {}): any;
     };
 }))[];
 export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';

package/components/chart/mockData.d.ts

@@ -13,12 +13,25 @@ export declare const SINGLE_DATASET_COUNTRY: {
         value: number;
     }[];
 }[];
-export declare const MULTIPLE_DATASETS_DATE: {
+export declare const MULTIPLE_DATASETS_DATE: ({
     id: string;
     label: string;
+    caption: string;
+    icon: string;
     data: {
         date: string;
         value: number;
     }[];
-}[];
+    iconType?: undefined;
+} | {
+    id: string;
+    label: string;
+    caption: string;
+    icon: string;
+    iconType: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+})[];
 export declare const generateMockData: (numSeries?: number) => any[];

package/components/chart/types.d.ts

@@ -1,5 +1,7 @@
 import { Ref } from 'vue';
 import { UseVirtualListItem } from '@vueuse/core';
+import { IconTypes } from '../icon/v4/Icon.types';
+import { ChartTypeRegistry, TooltipItem } from 'chart.js';
 export declare enum ChartType {
     Line = "line",
     Bar = "bar",
@@ -11,18 +13,30 @@ export type ChartDataSet = {
     id: string | number;
     label: string;
     data: ChartDataRecord[];
+    caption?: string;
     color?: string;
+    icon?: string;
+    iconType?: IconTypes;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
     yAxisKey: string;
 };
-export type ValueFormat = 'date' | 'dateLong' | 'number' | 'percent' | 'string';
+export type ValueFormat = 'date' | 'dateLong' | 'number' | 'percent' | 'string' | 'day';
 export type LegendItem = {
     id: string | number;
     label: string;
+    caption?: string;
     color?: string;
+    icon?: string;
+    iconType?: IconTypes;
 };
+export interface MyTooltipItem<T extends keyof ChartTypeRegistry = keyof ChartTypeRegistry> extends TooltipItem<T> {
+    dataset: {
+        icon?: string;
+        iconType?: IconTypes;
+    } & TooltipItem<T>['dataset'];
+}
 export type UseVirtualListResult = {
     list: Ref<UseVirtualListItem<LegendItem>[]>;
     containerProps: {

package/components/chart/utils/utils.js

@@ -1,11 +1,11 @@
-import { format as f } from "date-fns";
-import { formatNumber as m } from "./formatNumber.js";
+import { format as n } from "date-fns";
+import { formatNumber as d } from "./formatNumber.js";
 const p = (r, t, e) => {
   if (e === 0)
     return 0;
-  const n = t - r, o = n / e * 0.4;
-  return (n + o) / e;
-}, M = (r, t) => t === "number" ? m(r) : t === "date" ? f(new Date(r), "MMM dd") : t === "dateLong" ? f(new Date(r), "dd MMM yyyy") : String(r);
+  const f = t - r, o = f / e * 0.4;
+  return (f + o) / e;
+}, M = (r, t) => t === "day" ? n(new Date(r), "EEEE") : t === "number" ? d(r) : t === "date" ? n(new Date(r), "MMM dd") : t === "dateLong" ? n(new Date(r), "MMM dd, yyyy") : String(r);
 export {
   p as calcStepSize,
   M as formatValue

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./CheckboxV4.vue2.js";
 /* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e5b619a"]]);
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-af4ae3c3"]]);
 export {
-  c as default
+  t as default
 };

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
 import v from "../../typography/v4/Typography.vue.js";
 import L from "./icons/UncheckedState.vue.js";
 import N from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
 import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
 import { checkboxCommon as R } from "../common/Checkbox.common.js";
 import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (A("data-v-8e5b619a"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
+const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -13,6 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside?: boolean;
     beforeClose?: (show: () => void) => void;
     showCloseButton?: boolean;
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
@@ -20,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
+    noPadding?: boolean;
 }>, {
     content: any;
     title: string;
@@ -31,6 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     closeOnClickOutside: boolean;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     escapeToClose: boolean;
     beforeClose: any;
     showFooter: boolean;
@@ -40,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel: string;
     cancelButtonColor: string;
     testId: string;
+    noPadding: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
@@ -60,6 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside?: boolean;
     beforeClose?: (show: () => void) => void;
     showCloseButton?: boolean;
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
@@ -67,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
+    noPadding?: boolean;
 }>, {
     content: any;
     title: string;
@@ -78,6 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     closeOnClickOutside: boolean;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     escapeToClose: boolean;
     beforeClose: any;
     showFooter: boolean;
@@ -87,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel: string;
     cancelButtonColor: string;
     testId: string;
+    noPadding: boolean;
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
@@ -107,12 +119,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }>, {
     header?(_: {}): any;
     default?(_: {}): any;

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
 export {
-  t as default
+  a as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,22 +1,22 @@
- 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";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
 import { NOOP as I } from "@vue/shared";
-import T from "../../typography/v4/Typography.vue.js";
-import N from "../../button/v4/ButtonV4.vue.js";
-import V from "../../button/v4/IconButtonV4.vue.js";
+import b from "../../typography/v4/Typography.vue.js";
+import O from "../../button/v4/ButtonV4.vue.js";
+import S from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import { Reason as g } from "../common/Reason.js";
-import { dialogCommon as D } from "../common/Dialog.common.js";
-import { DialogTestIdModifiers as l } from "../../../testids/index.js";
-import { useTestIdAttrs as P } from "../../../utils/testIds.js";
-import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
-const S = {
+import { dialogCommon as V } from "../common/Dialog.common.js";
+import { DialogTestIdModifiers as a } from "../../../testids/index.js";
+import { useTestIdAttrs as p } from "../../../utils/testIds.js";
+import { useMagicKeys as D, whenever as R } from "@vueuse/core";
+const $ = {
   key: 0,
   class: "container light-theme-v4"
 }, F = { class: "title" }, U = {
   key: 1,
   class: "footer"
-}, Y = /* @__PURE__ */ A({
+}, Y = /* @__PURE__ */ L({
   __name: "DialogV4",
   props: {
     modelValue: { type: Boolean },
@@ -32,120 +32,127 @@ const S = {
     closeOnClickOutside: { type: Boolean, default: !1 },
     beforeClose: { type: Function, default: null },
     showCloseButton: { type: Boolean, default: !0 },
+    showCancelButton: { type: Boolean, default: !0 },
+    showSaveButton: { type: Boolean, default: !0 },
     showFooter: { type: Boolean, default: !0 },
     saveButtonLabel: { default: "Save" },
     saveButtonLoading: { type: Boolean, default: !1 },
     saveButtonColor: { default: "primary" },
     cancelButtonLabel: { default: "Cancel" },
     cancelButtonColor: { default: "default" },
-    testId: { default: "" }
+    testId: { default: "" },
+    noPadding: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "open", "close", "save", "cancel"],
-  setup(t, { emit: v }) {
-    const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
-    $(L, () => {
-      h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
+  setup(e, { emit: C }) {
+    const r = e, { escape: w } = D(), n = p(r.testId, a), { visible: h, handleClose: v } = V(r, C);
+    R(w, () => {
+      h.value && r.escapeToClose && !r.saveButtonLoading && v(g.Escape);
     });
-    const E = () => {
-      const { closeOnClickOutside: r, saveButtonLoading: n } = i;
-      r && !n ? y(g.Backdrop) : I();
+    const N = () => {
+      const { closeOnClickOutside: c, saveButtonLoading: d } = r;
+      c && !d ? v(g.Backdrop) : I();
     };
-    return (r, n) => (o(), c(p, {
+    return (c, d) => (o(), u(E, {
       to: "body",
-      disabled: !t.appendToBody
+      disabled: !e.appendToBody
     }, [
-      b(w, null, {
-        default: u(() => [
-          e(h) ? (o(), m("div", S, [
-            C("div", s({
-              class: ["dialog", [`dialog--${t.size}`]]
-            }, e(a)[e(l).WRAPPER]), [
-              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
+      A(P, null, {
+        default: i(() => [
+          t(h) ? (o(), m("div", $, [
+            y("div", s({
+              class: ["dialog", [`dialog--${e.size}`]]
+            }, t(n)[t(a).WRAPPER]), [
+              e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
                 key: 0,
                 class: "header"
-              }, e(a)[e(l).HEADER]), [
-                C("div", F, [
-                  k(r.$slots, "header", {}, () => [
-                    t.title ? (o(), c(e(T), {
+              }, t(n)[t(a).HEADER]), [
+                y("div", F, [
+                  k(c.$slots, "header", {}, () => [
+                    e.title ? (o(), u(t(b), {
                       key: 0,
                       variant: "h3"
                     }, {
-                      default: u(() => [
-                        f(B(t.title), 1)
+                      default: i(() => [
+                        f(B(e.title), 1)
                       ]),
                       _: 1
-                    })) : d("", !0),
-                    t.subtitle ? (o(), c(e(T), {
+                    })) : l("", !0),
+                    e.subtitle ? (o(), u(t(b), {
                       key: 1,
                       class: "subtitle",
                       variant: "body1"
                     }, {
-                      default: u(() => [
-                        f(B(t.subtitle), 1)
+                      default: i(() => [
+                        f(B(e.subtitle), 1)
                       ]),
                       _: 1
-                    })) : d("", !0)
+                    })) : l("", !0)
                   ], !0)
                 ]),
-                t.showCloseButton ? (o(), c(e(V), s({
+                e.showCloseButton ? (o(), u(t(S), s({
                   key: 0,
                   class: "close-button",
                   "icon-name": "x",
-                  disabled: t.saveButtonLoading
-                }, e(a)[e(l).ACTION_CLOSE], {
-                  onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
-                }), null, 16, ["disabled"])) : d("", !0)
-              ], 16)) : d("", !0),
-              C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
-                k(r.$slots, "default", {}, () => [
-                  t.content ? (o(), c(e(T), {
+                  disabled: e.saveButtonLoading
+                }, t(n)[t(a).ACTION_CLOSE], {
+                  onClick: d[0] || (d[0] = (T) => t(v)(t(g).CloseButton))
+                }), null, 16, ["disabled"])) : l("", !0)
+              ], 16)) : l("", !0),
+              y("div", s({
+                class: ["content", { "content--no-padding": e.noPadding }]
+              }, t(n)[t(a).CONTENT]), [
+                k(c.$slots, "default", {}, () => [
+                  e.content ? (o(), u(t(b), {
                     key: 0,
                     variant: "body1"
                   }, {
-                    default: u(() => [
-                      f(B(t.content), 1)
+                    default: i(() => [
+                      f(B(e.content), 1)
                     ]),
                     _: 1
-                  })) : d("", !0)
+                  })) : l("", !0)
                 ], !0)
               ], 16),
-              t.showFooter ? (o(), m("footer", U, [
-                C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
-                  k(r.$slots, "footer", {}, () => [
-                    b(e(N), s({
+              e.showFooter ? (o(), m("footer", U, [
+                y("div", s({ class: "action-buttons" }, t(n)[t(a).ACTION_BUTTONS_WRAPPER]), [
+                  k(c.$slots, "footer", {}, () => [
+                    e.showCancelButton ? (o(), u(t(O), s({
+                      key: 0,
                       class: "form-action",
                       variant: "outlined",
-                      color: t.cancelButtonColor,
-                      disabled: t.saveButtonLoading
-                    }, e(a)[e(l).CANCEL_BUTTON], {
-                      onClick: n[1] || (n[1] = (O) => v("cancel"))
+                      color: e.cancelButtonColor,
+                      disabled: e.saveButtonLoading
+                    }, t(n)[t(a).CANCEL_BUTTON], {
+                      onClick: d[1] || (d[1] = (T) => C("cancel"))
                     }), {
-                      default: u(() => [
-                        f(B(t.cancelButtonLabel), 1)
+                      default: i(() => [
+                        f(B(e.cancelButtonLabel), 1)
                       ]),
                       _: 1
-                    }, 16, ["color", "disabled"]),
-                    b(e(N), s({
+                    }, 16, ["color", "disabled"])) : l("", !0),
+                    e.showSaveButton ? (o(), u(t(O), s({
+                      key: 1,
                       class: "form-action",
-                      loading: t.saveButtonLoading,
-                      color: t.saveButtonColor
-                    }, e(a)[e(l).SAVE_BUTTON], {
-                      onClick: n[2] || (n[2] = (O) => v("save"))
+                      loading: e.saveButtonLoading,
+                      color: e.saveButtonColor
+                    }, t(n)[t(a).SAVE_BUTTON], {
+                      onClick: d[2] || (d[2] = (T) => C("save"))
                     }), {
-                      default: u(() => [
-                        f(B(t.saveButtonLabel), 1)
+                      default: i(() => [
+                        f(B(e.saveButtonLabel), 1)
                       ]),
                       _: 1
-                    }, 16, ["loading", "color"])
+                    }, 16, ["loading", "color"])) : l("", !0)
                   ], !0)
                 ], 16)
-              ])) : d("", !0)
+              ])) : l("", !0)
             ], 16),
-            t.showBackdrop ? (o(), m("div", s({
+            e.showBackdrop ? (o(), m("div", s({
               key: 0,
               class: "dialog-backdrop"
-            }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
-          ])) : d("", !0)
+            }, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
+          ])) : l("", !0)
         ]),
         _: 3
       })