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

package/DataGrid.vue_vue_type_style_index_0_scoped_36ec94a7_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-36ec94a7]{position:sticky}.table-container[data-v-36ec94a7]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-36ec94a7]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-36ec94a7]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-36ec94a7]{display:inline-table}.table-row[data-v-36ec94a7]{position:relative}.table-row.loading[data-v-36ec94a7]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-36ec94a7]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-36ec94a7]{border-bottom:none}.expanded-row[data-v-36ec94a7]{grid-column:var(--45c28f25);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-36ec94a7]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-36ec94a7]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-36ec94a7],table th[data-v-36ec94a7]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-36ec94a7]:first-of-type,table th[data-v-36ec94a7]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-36ec94a7]:last-of-type,table th[data-v-36ec94a7]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-36ec94a7],table th.expand-toggle-cell[data-v-36ec94a7]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-36ec94a7]{border-bottom:none;z-index:calc(var(--760f151e) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-36ec94a7]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b1b12644)}table>thead>tr>th[data-v-36ec94a7]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-36ec94a7]{cursor:pointer}table>thead>tr>td[data-v-36ec94a7]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-36ec94a7],table>thead>tr>td.bordered[data-v-36ec94a7]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-36ec94a7],table>thead>tr>td.bordered.isStickyRight[data-v-36ec94a7]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-36ec94a7],table>thead>tr>td.isTextRight[data-v-36ec94a7]{justify-content:flex-end}table>thead.sticky[data-v-36ec94a7]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-36ec94a7]{z-index:calc(var(--760f151e) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-36ec94a7]{height:40px}table .totals-row[data-v-36ec94a7]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-36ec94a7]{background-color:var(--background-default)}table>tbody[data-v-36ec94a7]{display:block}table>tbody>*>tr[data-v-36ec94a7]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--b1b12644)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-36ec94a7]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-36ec94a7],table>tbody>*>tr.activeMenu>td[data-v-36ec94a7]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-36ec94a7]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-36ec94a7]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-36ec94a7]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-36ec94a7]{justify-content:flex-end;text-align:right}.underlined[data-v-36ec94a7]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-36ec94a7]:hover{cursor:help}.section-container[data-v-36ec94a7]{left:0}.sections[data-v-36ec94a7]{display:flex}.section[data-v-36ec94a7]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-36ec94a7]{width:100%}.empty-state[data-v-36ec94a7]{min-height:250px}.floating-row[data-v-36ec94a7]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--760f151e) + 1)}.floating-row *[data-v-36ec94a7-s]{pointer-events:auto}.bg[data-v-36ec94a7]{background:var(--background-default)}

package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css

@@ -0,0 +1 @@
+.table-header[data-v-840e700c]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header--standalone[data-v-840e700c]{border:1px solid var(--common-divider);border-top-right-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.table-header .table-title[data-v-840e700c]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-840e700c]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-840e700c]{width:13.75rem}.table-header.isStickyHeader[data-v-840e700c]{z-index:calc(var(--c8ef23c8) + 3);top:0}.table-header-pre-search-content[data-v-840e700c]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-840e700c]{margin-left:var(--spacing-100);display:flex;align-items:center}

package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css

@@ -0,0 +1 @@
+.data-grid-rows-counter[data-v-e38c881a]{color:var(--text-secondary)}.text-strong[data-v-e38c881a]{color:var(--text-primary)}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-3caa1d7b]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .multi-table-header[data-v-3caa1d7b]{border-bottom:none;height:calc(var(--spacing-800) - 2px)}.multi-table-container .multi-table-header[data-v-3caa1d7b] .search-wrapper{width:auto}.multi-table-container[data-v-3caa1d7b] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-3caa1d7b] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-3caa1d7b] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-3caa1d7b]{min-height:250px}

package/RadioButton.vue_vue_type_style_index_0_scoped_1da367f8_lang.css

@@ -0,0 +1 @@
+.label[data-v-1da367f8]{color:#41454d}.radio-button[data-v-1da367f8]{display:flex;align-items:flex-start}.radio-button--disabled[data-v-1da367f8]{opacity:.7;cursor:default}.radio-button--disabled .label[data-v-1da367f8]{cursor:default}.helper-text[data-v-1da367f8]{margin-left:-1.5rem;margin-top:.25rem;color:#53575b}.helper-text--error[data-v-1da367f8]{color:#da564f}.helper-text--text[data-v-1da367f8]{color:#696a6b}.wrapper[data-v-1da367f8]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;padding:.125rem .5rem;border-radius:50%}.label[data-v-1da367f8]{cursor:pointer;color:#53575b;flex-direction:column;display:inline-flex}.circle[data-v-1da367f8]{border-radius:50%;width:16px;transition:all .2s ease-in-out 0s;height:16px}.circle[data-v-1da367f8]:not(.circle--selected){box-shadow:#a9afb4 0 0 0 2px inset}.circle--selected[data-v-1da367f8]{background-color:#3083ff}.circle[data-v-1da367f8]:before{display:block;width:16px;height:16px;background-image:radial-gradient(rgb(255,255,255),rgb(255,255,255) 3px,transparent 28%);content:""}input[data-v-1da367f8]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}

package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css

@@ -0,0 +1 @@
+.tooltip-title-wrapper[data-v-5160f12d]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-5160f12d]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-5160f12d]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-5160f12d]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-5160f12d]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-5160f12d]{color:var(--action-active)}

package/components/chart/TooltipHeader.vue.js

@@ -1,7 +1,7 @@
 import o from "./TooltipHeader.vue2.js";
 /* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3b15c693"]]);
+// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5160f12d"]]);
 export {
   s as default
 };

package/components/chart/TooltipHeader.vue2.js

@@ -1,12 +1,13 @@
- import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css"; import { defineComponent as v, computed as m, openBlock as n, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as u, createVNode as D, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
+ import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css"; import { defineComponent as v, computed as u, openBlock as i, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as m, createVNode as D, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
+import { getUTCDate as T } from "../../utils/date.js";
 import { formatValue as r } from "./utils/utils.js";
 import y from "../typography/v4/Typography.vue.js";
 import { DateInterval as c } from "./types.js";
-import T from "../icon/v4/IconV4.vue.js";
-import k from "../icon/v4/IconFlag.vue.js";
-import { startOfWeek as C, endOfWeek as F, startOfMonth as I, endOfMonth as O } from "date-fns";
-import { LONG_DATE_FORMAT as i } from "./consts.js";
-const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = ["src"], P = /* @__PURE__ */ v({
+import k from "../icon/v4/IconV4.vue.js";
+import C from "../icon/v4/IconFlag.vue.js";
+import { startOfWeek as F, endOfWeek as I, startOfMonth as O, endOfMonth as E } from "date-fns";
+import { LONG_DATE_FORMAT as n } from "./consts.js";
+const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = ["src"], S = /* @__PURE__ */ v({
   __name: "TooltipHeader",
   props: {
     title: { default: "" },
@@ -16,25 +17,25 @@ const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = [
     totalsChart: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, o = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), h = m(() => e.totalsChart ? o.value?.label || e.title : e.xAxisFormat === "date" ? g(new Date(e.title)) : r(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
-      ${r(C(l), i)} -
-      ${r(F(l), i)}
+    const e = a, o = u(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), h = u(() => e.totalsChart ? o.value?.label || e.title : e.xAxisFormat === "date" ? g(T(e.title)) : r(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
+      ${r(F(l), n)} -
+      ${r(I(l), n)}
     ` : e.xAxisDateInterval === c.MONTHLY ? `
-      ${r(I(l), i)} -
-      ${r(O(l), i)}
-    ` : r(l, i);
-    return (l, M) => (n(), f("div", E, [
-      A("div", N, [
-        a.totalsChart && t(o)?.image ? (n(), f("img", {
+      ${r(O(l), n)} -
+      ${r(E(l), n)}
+    ` : r(l, n);
+    return (l, V) => (i(), f("div", N, [
+      A("div", L, [
+        a.totalsChart && t(o)?.image ? (i(), f("img", {
           key: 0,
           class: "title-image",
           src: t(o)?.image
-        }, null, 8, L)) : s("", !0),
-        a.totalsChart && t(o)?.countryFlag ? (n(), u(t(k), {
+        }, null, 8, M)) : s("", !0),
+        a.totalsChart && t(o)?.countryFlag ? (i(), m(t(C), {
           key: 1,
           "country-code": t(o).countryFlag
         }, null, 8, ["country-code"])) : s("", !0),
-        a.totalsChart && t(o)?.icon ? (n(), u(t(T), {
+        a.totalsChart && t(o)?.icon ? (i(), m(t(k), {
           key: 2,
           class: "platform-icon",
           type: t(o)?.iconType,
@@ -51,7 +52,7 @@ const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = [
           _: 1
         })
       ]),
-      a.xAxisFormat === "date" && a.xAxisDateInterval !== t(c).WEEKLY && a.xAxisDateInterval !== t(c).MONTHLY ? (n(), u(t(y), {
+      a.xAxisFormat === "date" && a.xAxisDateInterval !== t(c).WEEKLY && a.xAxisDateInterval !== t(c).MONTHLY ? (i(), m(t(y), {
         key: 0,
         class: "tooltip-sub-title",
         variant: "caption"
@@ -65,5 +66,5 @@ const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = [
   }
 });
 export {
-  P as default
+  S as default
 };

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_1da367f8_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1da367f8"]]);
 export {
-  s as default
+  a as default
 };

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

@@ -1,9 +1,9 @@
- import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; import { defineComponent as E, openBlock as n, createElementBlock as I, normalizeClass as b, unref as e, createElementVNode as r, withDirectives as y, mergeProps as i, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as u, createTextVNode as m, toDisplayString as f, createBlock as v, createCommentVNode as R } from "vue";
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_1da367f8_lang.css"; import { defineComponent as y, openBlock as n, createElementBlock as E, normalizeClass as T, unref as t, createElementVNode as r, withDirectives as I, mergeProps as u, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as i, createTextVNode as f, toDisplayString as m, createBlock as v, createCommentVNode as R } from "vue";
 import c from "../../typography/Text.vue.js";
 import { useRadio as z } from "../common/useRadio.js";
 import { RadioTestIdModifiers as o } from "../../../testids/index.js";
 import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ E({
+const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ y({
   __name: "RadioButton",
   props: {
     label: { default: "" },
@@ -11,62 +11,63 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
     helperText: { default: "" },
     errorText: { default: "" },
     modelValue: { default: void 0 },
-    testId: { default: "" }
+    testId: { default: "" },
+    disabledButton: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: V }) {
-    const p = t, { radioRef: h, focus: x, disabled: T, modelValue: a, radioGroup: k } = z(
-      p,
-      V
-    ), d = A(p.testId, o);
-    return (B, l) => (n(), I("label", {
-      class: b(["radio-button", { "radio-button--disabled": e(T) }])
+  setup(e, { emit: B }) {
+    const x = e, { radioRef: V, focus: p, disabled: b, modelValue: a, radioGroup: h } = z(
+      x,
+      B
+    ), d = A(x.testId, o);
+    return (k, l) => (n(), E("label", {
+      class: T(["radio-button", { "radio-button--disabled": t(b) }])
     }, [
       r("span", D, [
-        y(r("input", i({
+        I(r("input", u({
           ref_key: "radioRef",
-          ref: h,
+          ref: V,
           "onUpdate:modelValue": l[0] || (l[0] = (s) => C(a) ? a.value = s : null),
-          value: t.label,
-          name: t.name || e(k)?.name,
+          value: e.label,
+          name: e.name || t(h)?.name,
           type: "radio",
-          disabled: e(T)
-        }, e(d)[e(o).FIELD], {
-          onFocus: l[1] || (l[1] = (s) => x.value = !0),
-          onBlur: l[2] || (l[2] = (s) => x.value = !1)
+          disabled: t(b) || e.disabledButton
+        }, t(d)[t(o).FIELD], {
+          onFocus: l[1] || (l[1] = (s) => p.value = !0),
+          onBlur: l[2] || (l[2] = (s) => p.value = !1)
         }), null, 16, L), [
-          [N, e(a)]
+          [N, t(a)]
         ]),
         r("span", {
-          class: b([{ "circle--selected": e(a) === t.label }, "circle"])
+          class: T([{ "circle--selected": t(a) === e.label }, "circle"])
         }, null, 2)
       ]),
-      r("span", i({ class: "label" }, e(d)[e(o).LABEL]), [
-        g(B.$slots, "default", {}, () => [
+      r("span", u({ class: "label" }, t(d)[t(o).LABEL]), [
+        g(k.$slots, "default", {}, () => [
           w(c, { "is-truncated": "" }, {
-            default: u(() => [
-              m(f(t.label), 1)
+            default: i(() => [
+              f(m(e.label), 1)
             ]),
             _: 1
           })
         ], !0),
-        !t.errorText && t.helperText ? (n(), v(c, {
+        !e.errorText && e.helperText ? (n(), v(c, {
           key: 0,
           class: "helper-text--text helper-text",
           size: "caption"
         }, {
-          default: u(() => [
-            m(f(t.helperText), 1)
+          default: i(() => [
+            f(m(e.helperText), 1)
           ]),
           _: 1
         })) : R("", !0),
-        t.errorText ? (n(), v(c, i({
+        e.errorText ? (n(), v(c, u({
           key: 1,
           size: "caption",
           class: "helper-text--error helper-text"
-        }, e(d)[e(o).ERROR_TEXT]), {
-          default: u(() => [
-            m(f(t.errorText), 1)
+        }, t(d)[t(o).ERROR_TEXT]), {
+          default: i(() => [
+            f(m(e.errorText), 1)
           ]),
           _: 1
         }, 16)) : R("", !0)