@ironsource/shared-ui 2.1.12-rc.31 → 2.1.12-rc.33

package/components/chart/consts.js

@@ -1,47 +1,51 @@
 import { ChartType as _ } from "./types.js";
-const t = "#fcfcfc", n = "#E4E4E4", T = "#646464", o = {
+const T = "#fcfcfc", t = "#E4E4E4", n = "#646464", A = {
   size: 12,
   weight: 400,
   family: "Inter"
-}, O = 4, A = 1, R = 5, c = [
+}, o = 4, R = 1, N = 5, O = [
   { id: _.Line, name: "Line" },
   { id: _.StackedLine, name: "Stack" },
   { id: _.Bar, name: "Bar" }
-], N = 76, L = 43, s = 312, I = 187, e = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", i = "Bidding", C = "ironSource", K = "UnityAds", P = "Meta", H = "Google", S = "Mintegral", a = "AppLovin", B = "InMobi", G = "DT Exchange", M = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, f = {
+], c = 76, L = 43, s = 312, I = 187, C = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", e = "Bidding", P = "ironSource", S = "UnityAds", i = "Meta", H = "Google", K = "Mintegral", B = "AppLovin", M = "InMobi", a = "DT Exchange", G = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, Y = 10, f = 70, d = 40, g = [4, 4], U = {
   left: 18,
   right: 18,
   top: 18,
   bottom: 11
-}, d = 6, g = "dateLong";
+}, m = 6, p = "dateLong";
 export {
   D as BASE_COLOR_KEY,
-  i as BIDDING_PREFIX,
-  f as CHART_PADDING,
+  e as BIDDING_PREFIX,
+  f as CHART_ITEM_TRANSPARENCY,
+  U as CHART_PADDING,
   L as COMPACT_HEADER_HEIGHT,
   s as DEFAULT_CHART_PLANE_HEIGHT,
-  R as DEFAULT_MAX_VISIBLE,
-  A as DEFAULT_MIN_VISIBLE,
-  O as DEFAULT_TICK_COUNT,
-  c as DROPDOWN_TYPE_OPTIONS,
-  n as GRID_LINE_COLOR,
-  N as HEADER_HEIGHT,
+  N as DEFAULT_MAX_VISIBLE,
+  R as DEFAULT_MIN_VISIBLE,
+  o as DEFAULT_TICK_COUNT,
+  O as DROPDOWN_TYPE_OPTIONS,
+  t as GRID_LINE_COLOR,
+  c as HEADER_HEIGHT,
   W as HOVER_AREA_TRANSPARENCY,
   F as HOVER_TRANSPARENCY,
-  g as LONG_DATE_FORMAT,
+  d as INCOMPLETE_DATA_BAR_TRANSPARENCY,
+  g as LINE_DASH_STYLE,
+  p as LONG_DATE_FORMAT,
   I as MIN_PLANE_HEIGHT,
   H as NETWORK_AD_MOB,
-  a as NETWORK_APPLOVIN,
-  G as NETWORK_DT_EXCHANGE,
-  P as NETWORK_FACEBOOK_META,
-  B as NETWORK_INMOBI,
-  C as NETWORK_IRON_SOURCE,
+  B as NETWORK_APPLOVIN,
+  a as NETWORK_DT_EXCHANGE,
+  i as NETWORK_FACEBOOK_META,
+  M as NETWORK_INMOBI,
+  P as NETWORK_IRON_SOURCE,
   r as NETWORK_LIFTOFF,
-  S as NETWORK_MINTEGRAL,
-  M as NETWORK_PANGLE,
-  K as NETWORK_UNITY_ADS,
-  t as POINT_BORDER_COLOR,
-  d as TICKS_EXTRA_PADDING,
-  T as TICK_LABEL_COLOR,
-  o as TICK_LABEL_FONT,
-  e as TOTALS_HELPER_KEY
+  K as NETWORK_MINTEGRAL,
+  G as NETWORK_PANGLE,
+  S as NETWORK_UNITY_ADS,
+  T as POINT_BORDER_COLOR,
+  Y as STACKED_LINE_TRANSPARENCY,
+  m as TICKS_EXTRA_PADDING,
+  n as TICK_LABEL_COLOR,
+  A as TICK_LABEL_FONT,
+  C as TOTALS_HELPER_KEY
 };

package/components/chart/index.d.ts

@@ -41,6 +41,8 @@ declare const ChartTypes: () => ({
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             tooltipOrder: TooltipOrder;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
@@ -200,6 +202,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<TooltipOrder>;
                 default: TooltipOrder;
             };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -224,7 +234,7 @@ declare const ChartTypes: () => ({
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -392,6 +402,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<TooltipOrder>;
                 default: TooltipOrder;
             };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -457,6 +475,8 @@ declare const ChartTypes: () => ({
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             tooltipOrder: TooltipOrder;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
@@ -636,6 +656,14 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<TooltipOrder>;
             default: TooltipOrder;
         };
+        indicateIncompleteData: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipExcludeTotalItem: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullHeight: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -818,6 +846,14 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<TooltipOrder>;
         default: TooltipOrder;
     };
+    indicateIncompleteData: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipExcludeTotalItem: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     fullHeight: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -883,6 +919,8 @@ declare const ChartTypes: () => ({
     tooltipTotalType: import("../../utils/totals").TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     tooltipOrder: TooltipOrder;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
     fullHeight: boolean;
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;

package/components/chart/mockData.d.ts

@@ -38,6 +38,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
     id: number;
     label: string;
     caption: string;
+    isTotal: boolean;
     icon: string;
     data: {
         date: string;
@@ -58,6 +59,20 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         value2: number;
         value3: number;
     }[];
+    isTotal?: undefined;
+} | {
+    id: number;
+    label: string;
+    caption: string;
+    icon: string;
+    data: {
+        date: string;
+        value: number;
+        value2: number;
+        value3: number;
+    }[];
+    isTotal?: undefined;
+    iconType?: undefined;
 })[];
 export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
     id: number;

package/components/chart/types.d.ts

@@ -24,6 +24,7 @@ export type ChartDataSet = {
     iconType?: IconTypes;
     countryFlag?: string;
     image?: string;
+    isTotal?: boolean;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -84,6 +85,6 @@ export declare enum TooltipOrder {
 export declare enum TrendDirection {
     UP = "up",
     DOWN = "down",
-    NEUTRAL = "right"
+    NEUTRAL = "neutral"
 }
 export type ColorVariant = 'default' | 'mediation';

package/components/chart/types.js

@@ -1,7 +1,7 @@
-var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
+var L = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(L || {}), a = /* @__PURE__ */ ((e) => (e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))(a || {}), n = /* @__PURE__ */ ((e) => (e.Legend = "legend", e.YAxis = "yAxis", e))(n || {}), r = /* @__PURE__ */ ((e) => (e.UP = "up", e.DOWN = "down", e.NEUTRAL = "neutral", e))(r || {});
 export {
-  e as ChartType,
-  r as DateInterval,
-  a as TooltipOrder,
-  n as TrendDirection
+  L as ChartType,
+  a as DateInterval,
+  n as TooltipOrder,
+  r as TrendDirection
 };

package/components/chart/utils/utils.js

@@ -1,21 +1,22 @@
+import { getUTCDate as n } from "../../../utils/date.js";
 import { format as e } from "date-fns";
-import { TICK_LABEL_FONT as p } from "../consts.js";
-import { nFormatter as E } from "../../../utils/formatNumbers.js";
-import { truncateTextToFit as a } from "../../../utils/text.js";
-import { REGEX_LINEBREAK as m } from "../../../consts/regex.js";
-const c = (r, t, n = !1) => t === "day" ? e(new Date(r), "EEEE") : t === "number" ? E(r, n) : t === "date" ? e(new Date(r), "MMM dd") : t === "dateLong" ? e(new Date(r), "MMM dd, yyyy") : String(r), w = ({
+import { TICK_LABEL_FONT as E } from "../consts.js";
+import { nFormatter as c } from "../../../utils/formatNumbers.js";
+import { truncateTextToFit as T } from "../../../utils/text.js";
+import { REGEX_LINEBREAK as i } from "../../../consts/regex.js";
+const u = (r, t, o = !1) => t === "day" ? e(n(r), "EEEE") : t === "number" ? c(r, o) : t === "date" ? e(n(r), "MMM dd") : t === "dateLong" ? e(n(r), "MMM dd, yyyy") : String(r), _ = ({
   label: r,
   format: t,
-  availableSpace: n,
-  truncate: i = !1
+  availableSpace: o,
+  truncate: s = !1
 }) => {
-  const s = m.test(r), o = (d) => {
-    const f = c(d, t);
-    return i && n > 0 ? a(f, p, n) : f;
+  const p = i.test(r), f = (d) => {
+    const m = u(d, t);
+    return s && o > 0 ? T(m, E, o) : m;
   };
-  return s ? r.split(m).map(o) : o(r);
+  return p ? r.split(i).map(f) : f(r);
 };
 export {
-  c as formatValue,
-  w as prepareTickLabel
+  u as formatValue,
+  _ as prepareTickLabel
 };

package/components/dateRange/common/DateRange.common.js

@@ -3,13 +3,13 @@ import { useToggle as fe } from "../../../composables/useToggle.js";
 import { ref as r, computed as b, onMounted as de, onBeforeMount as ce, onUnmounted as ve, watch as Q } from "vue";
 import { min as me, addDays as ge, format as X } from "date-fns";
 import { presetsList as he, formatError as De, mandatoryValuesError as Me, navigatePrev as Z, navigateNext as V } from "./consts.common.js";
-import m from "./DateServices.common.js";
+import d from "./DateServices.common.js";
 const pe = (o, y) => {
-  const N = r(null), d = r({ started: !1, date: null }), x = r(!1), _ = 2, S = r({ from: null, to: null }), u = r({}), g = r([]), k = r(null), i = r({}), p = r({}), C = r(!1), w = r(null), s = r(null), j = r("left"), P = r(null), O = r(null), E = r([]), K = r(null), [D] = fe({ initialValue: !1 }), q = r(null);
+  const N = r(null), c = r({ started: !1, date: null }), x = r(!1), _ = 2, T = r({ from: null, to: null }), u = r({}), g = r([]), k = r(null), i = r({}), p = r({}), E = r(!1), w = r(null), s = r(null), j = r("left"), P = r(null), O = r(null), C = r([]), K = r(null), [D] = fe({ initialValue: !1 }), q = r(null);
   ie(q, () => {
     D.value = !1;
   });
-  const L = (e, t) => {
+  const U = (e, t) => {
     const a = {
       weeks: [],
       days: {},
@@ -17,20 +17,20 @@ const pe = (o, y) => {
       year: t
     };
     let n, l;
-    const c = new Date(t, e, 1).getDay();
-    let v = 1;
-    const f = /* @__PURE__ */ new Date();
+    const v = new Date(t, e, 1).getDay();
+    let m = 1;
+    const f = d.getCurrentTimeUTC();
     f.setHours(0, 0, 0, 0);
-    const ue = m.daysInMonth(e, t);
+    const ue = d.daysInMonth(e, t);
     for (let I = 0; I < 6; I++) {
       l = [];
       for (let H = 0; H < 7; H++)
-        n = {}, I === 0 && c > 0 && H < c && (n.value = 0), v > ue && (n.value = 0), !n.value && n.value !== 0 && (n.value = v, v += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), f < n.date ? n.isFuture = !0 : n.date.getTime() === f.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
+        n = {}, I === 0 && v > 0 && H < v && (n.value = 0), m > ue && (n.value = 0), !n.value && n.value !== 0 && (n.value = m, m += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), f < n.date ? n.isFuture = !0 : n.date.getTime() === f.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
       a.weeks.push(l);
     }
     return a;
-  }, T = () => {
-    let e = m.getCurrentTimeUTC();
+  }, S = () => {
+    let e = d.getCurrentTimeUTC();
     if (s.value && s.value.toEnd ? e = s.value.toEnd : o.range && o.range.to && (e = o.range.to), !u.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
       u.value = {}, g.value = [];
       for (let t = 0; t < _; t++) {
@@ -38,7 +38,7 @@ const pe = (o, y) => {
         a.setDate(1), a.setMonth(e.getMonth() - t);
         const n = `${a.getFullYear().toString()}_${a.getMonth().toString()}`;
         u.value[n] = {
-          parsedMonth: L(
+          parsedMonth: U(
             a.getMonth(),
             a.getFullYear()
           ),
@@ -49,28 +49,28 @@ const pe = (o, y) => {
   }, z = (e, t) => {
     w.value = e;
     let a = e;
-    e === "date" && (a = o.datePresetList), E.value = he[a], t && (s.value = {
+    e === "date" && (a = o.datePresetList), C.value = he[a], t && (s.value = {
       fromStart: null,
       fromEnd: null,
       toStart: null,
       toEnd: null
-    }, S.value.from = "", S.value.to = "", d.value = { started: !1, date: null }, i.value = "custom"), y("rangeTypeChanged", w.value);
+    }, T.value.from = "", T.value.to = "", c.value = { started: !1, date: null }, i.value = "custom"), y("rangeTypeChanged", w.value);
   }, ee = (e) => {
-    i.value = e.id, M(k.value[e.id].dates()), T();
+    i.value = e.id, M(k.value[e.id].dates()), S();
   }, M = (e, t = !1) => {
     let a = e;
-    return !e.from && !e.to && e.preset ? a = k.value[e.preset]?.dates() : (!e || !e.from && !e.to) && (a = k.value[E.value[0]]), o.maxDaysInRange && (K.value = t ? ge(a.from, o.maxDaysInRange) : null), C.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (O.value = De, C.value = !0, !1) : a.from > a.to ? (O.value = `"From" date can't be bigger than "To" date`, C.value = !0, !1) : (s.value = R(a), S.value.from = X(
+    return !e.from && !e.to && e.preset ? a = k.value[e.preset]?.dates() : (!e || !e.from && !e.to) && (a = k.value[C.value[0]]), o.maxDaysInRange && (K.value = t ? ge(a.from, o.maxDaysInRange) : null), E.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (O.value = De, E.value = !0, !1) : a.from > a.to ? (O.value = `"From" date can't be bigger than "To" date`, E.value = !0, !1) : (s.value = R(a), T.value.from = X(
       s.value.fromStart,
       o.dateFormat
-    ), S.value.to = X(s.value.toEnd, o.dateFormat), !0);
+    ), T.value.to = X(s.value.toEnd, o.dateFormat), !0);
   }, F = () => {
-    i.value === "custom" ? P.value = m.getDateRangeString(s.value) : P.value = J.value, y("currentDateChanged", P.value);
+    i.value === "custom" ? P.value = d.getDateRangeString(s.value) : P.value = J.value, y("currentDateChanged", P.value);
   }, te = () => {
     if (s.value.fromStart == null || s.value.toEnd == null) {
-      C.value = !0, O.value = Me;
+      E.value = !0, O.value = Me;
       return;
     }
-    const e = m.getCurrentTimeUTC();
+    const e = d.getCurrentTimeUTC();
     s.value.toEnd > e && (s.value.toEnd = e), F(), p.value = i.value, y("rangeChanged", {
       from: s.value.fromStart,
       to: s.value.toEnd,
@@ -79,29 +79,29 @@ const pe = (o, y) => {
   }, ae = (e, t) => e ? Z : t ? V : null, ne = (e) => {
     let t = null, a = null;
     const n = _ - 1;
-    let l = "", h = null, c = null;
+    let l = "", h = null, v = null;
     switch (e) {
       case V:
-        Object.keys(u.value).forEach((v) => {
-          const f = u.value[v];
+        Object.keys(u.value).forEach((m) => {
+          const f = u.value[m];
           f.order === 0 && (h = f), f.order === n ? (g.value.splice(
-            g.value.indexOf(v),
+            g.value.indexOf(m),
             1
-          ), delete u.value[v]) : f.order += 1;
+          ), delete u.value[m]) : f.order += 1;
         }), t = h.parsedMonth.month + 1, a = h.parsedMonth.year, t > 11 && (t = 0, a += 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
-          parsedMonth: L(t, a),
+          parsedMonth: U(t, a),
           order: 0
         }, g.value.push(l);
         break;
       case Z:
-        Object.keys(u.value).forEach((v) => {
-          const f = u.value[v];
-          f.order === n && (c = f), f.order === 0 ? (g.value.splice(
-            g.value.indexOf(v),
+        Object.keys(u.value).forEach((m) => {
+          const f = u.value[m];
+          f.order === n && (v = f), f.order === 0 ? (g.value.splice(
+            g.value.indexOf(m),
             1
-          ), delete u.value[v]) : f.order -= 1;
-        }), t = c.parsedMonth.month - 1, a = c.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
-          parsedMonth: L(t, a),
+          ), delete u.value[m]) : f.order -= 1;
+        }), t = v.parsedMonth.month - 1, a = v.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
+          parsedMonth: U(t, a),
           order: n
         }, g.value.unshift(l);
         break;
@@ -111,10 +111,10 @@ const pe = (o, y) => {
     switch (w.value) {
       case "week":
         t = {
-          fromStart: m.getFirstDayOfWeek(e.from),
-          fromEnd: m.getLastDayOfWeek(e.from),
-          toStart: m.getFirstDayOfWeek(e.to),
-          toEnd: m.getLastDayOfWeek(e.to)
+          fromStart: d.getFirstDayOfWeek(e.from),
+          fromEnd: d.getLastDayOfWeek(e.from),
+          toStart: d.getFirstDayOfWeek(e.to),
+          toEnd: d.getLastDayOfWeek(e.to)
         };
         break;
       case "month":
@@ -124,13 +124,13 @@ const pe = (o, y) => {
             e.from.getMonth(),
             1
           ),
-          fromEnd: m.getLastDayOfMonth(e.from),
+          fromEnd: d.getLastDayOfMonth(e.from),
           toStart: new Date(
             e.to.getFullYear(),
             e.to.getMonth(),
             1
           ),
-          toEnd: m.getLastDayOfMonth(e.to)
+          toEnd: d.getLastDayOfMonth(e.to)
         };
         break;
       case "date":
@@ -144,10 +144,10 @@ const pe = (o, y) => {
         break;
     }
     return t;
-  }, U = (e, t) => e.getUTCFullYear() === t.getUTCFullYear() && e.getUTCMonth() === t.getUTCMonth() && e.getUTCDate() === t.getUTCDate(), $ = (e) => {
+  }, L = (e, t) => e.getUTCFullYear() === t.getUTCFullYear() && e.getUTCMonth() === t.getUTCMonth() && e.getUTCDate() === t.getUTCDate(), $ = (e) => {
     let t = !1;
     if (!e.from && !e.to && e.preset) {
-      const l = E.value.find(
+      const l = C.value.find(
         (h) => h.id === e.preset
       );
       i.value = l.id, t = !0;
@@ -157,15 +157,15 @@ const pe = (o, y) => {
       to: new Date(e.to)
     };
     a.from.setHours(0, 0, 0, 0), a.to.setHours(0, 0, 0, 0);
-    const n = E.value.map((l) => l.id);
+    const n = C.value.map((l) => l.id);
     if (Object.keys(k.value).forEach((l) => {
       const h = k.value[l];
       if (l !== "custom" && !t && n.indexOf(l) !== -1) {
-        const c = h.dates();
-        c.from.setHours(0, 0, 0, 0), c.to.setHours(0, 0, 0, 0), U(c.from, a.from) && U(c.to, a.to) && (i.value = l, t = !0);
+        const v = h.dates();
+        v.from.setHours(0, 0, 0, 0), v.to.setHours(0, 0, 0, 0), L(v.from, a.from) && L(v.to, a.to) && (i.value = l, t = !0);
       }
     }), t) {
-      const l = E.value.find(
+      const l = C.value.find(
         (h) => h.id === i.value
       );
       y("dateRangePresetNameChanged", l.name);
@@ -173,24 +173,24 @@ const pe = (o, y) => {
       y("dateRangePresetNameChanged", null), i.value = "custom";
     p.value = i.value;
   }, A = (e, t, a) => {
-    if (!d.value.started)
-      i.value = "custom", d.value.started = !0, d.value.date = new Date(a, t, e.value), M(
-        { from: d.value.date, to: d.value.date },
+    if (!c.value.started)
+      i.value = "custom", c.value.started = !0, c.value.date = new Date(a, t, e.value), M(
+        { from: c.value.date, to: c.value.date },
         !0
       );
     else {
-      const n = new Date(a, t, e.value), l = d.value.date;
-      d.value.started = !1, d.value.date = null, n < l ? A(e, t, a) : M({ from: l, to: n });
+      const n = new Date(a, t, e.value), l = c.value.date;
+      c.value.started = !1, c.value.date = null, n < l ? A(e, t, a) : M({ from: l, to: n });
     }
   }, B = () => {
     const e = N.value.offsetLeft;
     return window.innerWidth - e > 930 ? "left" : "right";
   }, W = (e = !0) => {
-    D.value = !D.value, D.value ? (j.value = B(), M(o.range), T(), y("opened")) : (M(o.range), T(), i.value = p.value, e && y("dismissed"));
+    D.value = !D.value, D.value ? (j.value = B(), M(o.range), S(), y("opened")) : (M(o.range), S(), i.value = p.value, e && y("dismissed"));
   }, G = () => {
     D.value && W();
   }, le = () => {
-    k.value = m.getPresetsFunctions(o.includeToday), k.value.custom = {
+    k.value = d.getPresetsFunctions(o.includeToday), k.value.custom = {
       dates: () => o.range
     };
   }, oe = b(() => (g.value || []).reduce((e, t) => {
@@ -199,7 +199,7 @@ const pe = (o, y) => {
     ).length;
     return e && !n;
   }, !0)), Y = () => {
-    o.range && (x.value = !0, z(o.initialType || o.types[0]), le(), $(o.range), M(o.range), T(), F());
+    o.range && (x.value = !0, z(o.initialType || o.types[0]), le(), $(o.range), M(o.range), S(), F());
   };
   de(() => {
     Y();
@@ -216,10 +216,10 @@ const pe = (o, y) => {
       e && e !== t && (x.value ? ($(e), M(e), F()) : Y());
     }
   ), Q(D, (e) => {
-    e || (d.value.started = !1);
+    e || (c.value.started = !1);
   });
   const J = b(() => {
-    const e = E.value.find(
+    const e = C.value.find(
       (t) => t.id === i.value
     );
     return e ? e.name : "";
@@ -233,21 +233,21 @@ const pe = (o, y) => {
     getMaxAllowedDate: se,
     selectedPresetName: J,
     selectedPreset: i,
-    displayError: C,
+    displayError: E,
     rangeType: w,
     selectedRange: s,
     placement: j,
     currentDate: P,
     error: O,
-    presets: E,
+    presets: C,
     isOpen: D,
     popup: q,
-    selectionStart: d,
+    selectionStart: c,
     initialized: x,
-    textDates: S,
+    textDates: T,
     currentMonths: u,
     displayedMonthsKeys: g,
-    initMonths: T,
+    initMonths: S,
     changeType: z,
     presetChanged: ee,
     initRange: M,
@@ -256,7 +256,7 @@ const pe = (o, y) => {
     getNavigation: ae,
     navigationCallback: ne,
     getSelectedRangeByType: R,
-    compareDates: U,
+    compareDates: L,
     determinePreset: $,
     selectionChanged: A,
     checkPlacement: B,

package/components/radioButton/v3/RadioButton.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText?: string;
     modelValue?: string;
     testId?: string;
+    disabledButton?: boolean;
 }>, {
     label: string;
     name: string;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText: string;
     modelValue: any;
     testId: string;
+    disabledButton: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText?: string;
     modelValue?: string;
     testId?: string;
+    disabledButton?: boolean;
 }>, {
     label: string;
     name: string;
@@ -29,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText: string;
     modelValue: any;
     testId: string;
+    disabledButton: boolean;
 }>>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -39,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     modelValue: string;
     helperText: string;
     errorText: string;
+    disabledButton: boolean;
 }>, {
     default?(_: {}): any;
 }>;

package/components/radioButton/v3/RadioButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButton.vue2.js";
 /* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c6b715c"]]);
+// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dac25b9f"]]);
 export {
-  s as default
+  a as default
 };