@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/src/components/chart/ChartTooltip.vue2.js

@@ -1,97 +0,0 @@
-import { defineComponent as c, openBlock as a, createElementBlock as o, createBlock as f, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as p, normalizeStyle as x, unref as l, createVNode as s, withCtx as i, createTextVNode as n, toDisplayString as u } from "vue";
-import d from "../typography/v4/Typography.vue.js";
-import h from "../icon/v4/IconV4.vue.js";
-import "../icon/v4/IconFlag.vue.js";
-import { formatValue as m } from "./utils/utils.js";
-import b from "./TooltipHeader.vue.js";
-const k = { class: "chart-tooltip" }, C = {
-  key: 1,
-  class: "list"
-}, g = { class: "popover-label-wrapper" }, V = {
-  key: 2,
-  class: "tooltip-footer"
-}, N = /* @__PURE__ */ c({
-  __name: "ChartTooltip",
-  props: {
-    title: { default: "" },
-    dataPoints: { default: () => [] },
-    xAxisFormat: { default: null },
-    yAxisFormat: { default: null },
-    xAxisDateInterval: { default: null },
-    totalLabel: { default: "Total" },
-    totalValue: { default: null },
-    totalsChart: { type: Boolean, default: !1 },
-    valueSuffix: { default: "" },
-    valuePrefix: { default: "" }
-  },
-  setup(A) {
-    return (t, F) => (a(), o("div", k, [
-      t.title ? (a(), f(b, {
-        key: 0,
-        title: t.title,
-        "data-points": t.dataPoints,
-        "totals-chart": t.totalsChart,
-        "x-axis-format": t.xAxisFormat,
-        "x-axis-date-interval": t.xAxisDateInterval
-      }, null, 8, ["title", "data-points", "totals-chart", "x-axis-format", "x-axis-date-interval"])) : r("", !0),
-      t.totalsChart ? r("", !0) : (a(), o("ul", C, [
-        (a(!0), o(y, null, v(t.dataPoints, (e) => (a(), o("li", {
-          key: e.datasetIndex,
-          class: "list__item"
-        }, [
-          p("span", {
-            class: "color-box",
-            style: x({
-              backgroundColor: String(e.dataset.pointBackgroundColor)
-            })
-          }, null, 4),
-          e.dataset.icon ? (a(), f(l(h), {
-            key: 0,
-            class: "platform-icon",
-            type: e.dataset.iconType,
-            name: e.dataset.icon,
-            size: "16px"
-          }, null, 8, ["type", "name"])) : r("", !0),
-          p("div", g, [
-            s(l(d), {
-              variant: "body2",
-              class: "flex-grow truncated-label",
-              "is-truncated": ""
-            }, {
-              default: i(() => [
-                n(u(e.dataset.label), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ]),
-          s(l(d), { variant: "body2" }, {
-            default: i(() => [
-              n(u(t.valuePrefix + l(m)(e.parsed.y, t.yAxisFormat) + t.valueSuffix), 1)
-            ]),
-            _: 2
-          }, 1024)
-        ]))), 128))
-      ])),
-      t.totalValue !== null ? (a(), o("div", V, [
-        s(l(d), {
-          variant: "body2",
-          class: "flex-grow"
-        }, {
-          default: i(() => [
-            n(u(t.totalLabel), 1)
-          ]),
-          _: 1
-        }),
-        s(l(d), { variant: "body2" }, {
-          default: i(() => [
-            n(u(t.valuePrefix + l(m)(t.totalValue, t.yAxisFormat) + t.valueSuffix), 1)
-          ]),
-          _: 1
-        })
-      ])) : r("", !0)
-    ]));
-  }
-});
-export {
-  N as default
-};

package/src/components/chart/LegendSorting.vue.js

@@ -1,45 +0,0 @@
-import { defineComponent as s, openBlock as l, createElementBlock as d, createVNode as i, unref as n, isRef as a, withCtx as c, mergeProps as u } from "vue";
-import f from "../dropdown/v4/DropdownV4.vue.js";
-import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
-import g from "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
-import "../dropdown/v4/ChipDropdownTrigger.vue.js";
-import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
-import "../dropdown/v4/TreeDropdown.vue.js";
-import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDropdown.vue.js";
-import { useVModel as y } from "@vueuse/core";
-const k = { class: "legend-sorting" }, M = /* @__PURE__ */ s({
-  __name: "LegendSorting",
-  props: {
-    selected: {},
-    options: { default: () => [] },
-    optionNameKey: {}
-  },
-  emits: ["update:selected"],
-  setup(r, { emit: m }) {
-    const o = y(r, "selected", m);
-    return (t, p) => (l(), d("div", k, [
-      i(n(f), {
-        selected: n(o),
-        "onUpdate:selected": p[0] || (p[0] = (e) => a(o) ? o.value = e : null),
-        "display-value": (e) => e[t.optionNameKey],
-        options: t.options,
-        "option-name-key": t.optionNameKey,
-        placement: "bottom-end"
-      }, {
-        "dropdown-trigger": c(({ buttonTriggerProps: e }) => [
-          i(n(g), u(e, {
-            "icon-name": "funnel-simple",
-            "icon-type": "regular"
-          }), null, 16)
-        ]),
-        _: 1
-      }, 8, ["selected", "display-value", "options", "option-name-key"])
-    ]));
-  }
-});
-export {
-  M as default
-};

package/src/components/chart/SettingsHeader.vue.js

@@ -1,7 +0,0 @@
-import e from "./SettingsHeader.vue2.js";
-/* empty css                     */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-01f78cd7"]]);
-export {
-  c as default
-};

package/src/components/chart/SettingsHeader.vue2.js

@@ -1,66 +0,0 @@
-import { defineComponent as g, computed as v, openBlock as y, createElementBlock as f, createElementVNode as t, normalizeClass as d, renderSlot as s, createVNode as p, unref as i, withCtx as T, mergeProps as b } from "vue";
-import w from "../dropdown/v4/DropdownV4.vue.js";
-import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
-import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
-import "../dropdown/v4/ChipDropdownTrigger.vue.js";
-import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
-import "../dropdown/v4/TreeDropdown.vue.js";
-import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDropdown.vue.js";
-import { DROPDOWN_TYPE_OPTIONS as l } from "./consts.js";
-const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, I = /* @__PURE__ */ g({
-  __name: "SettingsHeader",
-  props: {
-    chartType: {},
-    hideLegend: { type: Boolean }
-  },
-  emits: ["update:chartType"],
-  setup(m, { emit: c }) {
-    const u = m, h = c, o = v({
-      get() {
-        return l.find(({ id: e }) => e === u.chartType);
-      },
-      set(e) {
-        h("update:chartType", e.id);
-      }
-    }), n = (e) => `Chart: ${e.name}`;
-    return (e, a) => (y(), f("div", _, [
-      t("div", {
-        class: d(["settings", { "settings-spacer": !e.hideLegend }])
-      }, [
-        s(e.$slots, "before-chart-type", {}, void 0, !0),
-        t("div", B, [
-          p(i(w), {
-            selected: o.value,
-            "onUpdate:selected": a[0] || (a[0] = (r) => o.value = r),
-            options: i(l),
-            "option-name-key": "name",
-            "display-value": n,
-            placeholder: "Select chart type",
-            size: "small"
-          }, {
-            "dropdown-trigger": T(({ buttonTriggerProps: r }) => [
-              p(i(k), b(r, {
-                label: n(o.value)
-              }), null, 16, ["label"])
-            ]),
-            _: 1
-          }, 8, ["selected", "options"])
-        ]),
-        t("div", null, [
-          s(e.$slots, "metric", {}, void 0, !0)
-        ])
-      ], 2),
-      t("div", {
-        class: d(["breakdowns", { "breakdowns-border": !e.hideLegend }])
-      }, [
-        s(e.$slots, "breakdowns", {}, void 0, !0)
-      ], 2)
-    ]));
-  }
-});
-export {
-  I as default
-};

package/src/components/chart/SubHeader.vue.js

@@ -1,7 +0,0 @@
-import e from "./SubHeader.vue2.js";
-/* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e6008b6c"]]);
-export {
-  c as default
-};

package/src/components/chart/SubHeader.vue2.js

@@ -1,61 +0,0 @@
-import { defineComponent as c, useSlots as f, computed as m, openBlock as a, createElementBlock as T, createVNode as u, unref as o, withCtx as t, renderSlot as _, createElementVNode as y, createBlock as p, createTextVNode as r, toDisplayString as s, createCommentVNode as i } from "vue";
-import d from "../typography/v4/Typography.vue.js";
-import S from "../tooltip/v4/TooltipV4.vue.js";
-const v = { class: "header-row" }, k = { class: "subheader-tooltip" }, g = /* @__PURE__ */ c({
-  __name: "SubHeader",
-  props: {
-    subheader: { default: "" },
-    subheaderTooltip: { default: null },
-    showSeparator: { type: Boolean, default: !1 }
-  },
-  setup(h) {
-    const n = f(), l = h, b = m(() => n["subheader-tooltip"] || l.subheaderTooltip?.text || l.subheaderTooltip?.header);
-    return (e, w) => (a(), T("div", v, [
-      u(o(S), {
-        placement: "right",
-        disabled: !b.value
-      }, {
-        tooltip: t(() => [
-          _(e.$slots, "subheader-tooltip", {}, () => [
-            y("div", k, [
-              e.subheaderTooltip?.header ? (a(), p(o(d), {
-                key: 0,
-                variant: "h5"
-              }, {
-                default: t(() => [
-                  r(s(e.subheaderTooltip.header), 1)
-                ]),
-                _: 1
-              })) : i("", !0),
-              e.subheaderTooltip?.text ? (a(), p(o(d), {
-                key: 1,
-                variant: "body2",
-                class: "subheader-tooltip__text"
-              }, {
-                default: t(() => [
-                  r(s(e.subheaderTooltip.text), 1)
-                ]),
-                _: 1
-              })) : i("", !0)
-            ])
-          ], !0)
-        ]),
-        default: t(() => [
-          u(o(d), {
-            class: "subheader",
-            variant: "h5"
-          }, {
-            default: t(() => [
-              r(s(e.subheader + (e.showSeparator ? ":" : "")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 8, ["disabled"])
-    ]));
-  }
-});
-export {
-  g as default
-};

package/src/components/chart/TooltipHeader.vue.js

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

package/src/components/chart/TooltipHeader.vue2.js

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

package/src/components/chart/colorPalette.js

@@ -1,54 +0,0 @@
-import { NETWORK_UNITY_ADS as _, BIDDING_PREFIX as F, NETWORK_AD_MOB as N, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as T, NETWORK_APPLOVIN as A, NETWORK_FACEBOOK_META as $, NETWORK_LIFTOFF as O, NETWORK_PANGLE as C, NETWORK_INMOBI as R, NETWORK_DT_EXCHANGE as B } from "./consts.js";
-const I = "#c9c9c9", K = [
-  "#80BCFE",
-  "#9999FF",
-  "#5883E4",
-  "#80CBC4",
-  "#FFC670",
-  "#FF7557",
-  "#0D7EA0",
-  "#673AFF",
-  "#CA80DC",
-  "#FEBBB2"
-], t = {
-  Total: "#646464",
-  // AB tests
-  A: "#FFC134",
-  B: "#4F4FF5",
-  // Countries
-  US: "#272EC4",
-  CN: "#F52E1E",
-  GB: "#0082FF",
-  DE: "#FFD600",
-  JP: "#BA0029",
-  AU: "#009BCB",
-  FR: "#34A853",
-  // Ad formats
-  Rewarded: "#0082FF",
-  Interstitial: "#009BCB",
-  Banner: "#9668FF",
-  Native: "#FF35A2",
-  // Ad sources
-  [`${_} ${F}`]: "#9668FF",
-  [`${N} ${F}`]: "#34A853",
-  [`${E} ${F}`]: "#272EC4",
-  [`${E}`]: "#5C63E7",
-  [`${T} ${F}`]: "#00D8B2",
-  [`${A} ${F}`]: "#009BCB",
-  [`${A}`]: "#80CDE5",
-  [`${$} ${F}`]: "#0082FF",
-  [`${$}`]: "#52AAFF",
-  [`${O} ${F}`]: "#FF35A2",
-  [`${O}`]: "#FF9AD1",
-  [`${C} ${F}`]: "#F52E1E",
-  [`${C}`]: "#FA9F97",
-  [`${R} ${F}`]: "#FFD600",
-  [`${R}`]: "#FFEC8A",
-  [`${B} ${F}`]: "#BA0029",
-  [`${B}`]: "#DD8094"
-};
-export {
-  K as COLOR_PALETTE,
-  I as DEFAULT_CHART_COLOR,
-  t as RESERVED_COLORS_MAP
-};

package/src/components/chart/composables/useColorsMap.js

@@ -1,46 +0,0 @@
-import { computed as n, ref as r, watch as E } from "vue";
-import { RESERVED_COLORS_MAP as c, COLOR_PALETTE as O, DEFAULT_CHART_COLOR as R } from "../colorPalette.js";
-const T = ({ dataSets: u, visibleIds: i }) => {
-  const a = n(
-    () => u.value.filter(
-      (o) => i.value.includes(o.id)
-    )
-  ), l = r({
-    ...c
-    // destructuring is important to avoid mutating the reserved colors object
-  }), s = r([]), v = n(
-    () => O.filter((o) => !s.value.includes(o))
-  ), d = () => {
-    a.value.forEach((o) => {
-      const e = String(o.id);
-      if (!l.value[e]) {
-        const t = o.color || v.value[0] || R;
-        C(e, t);
-      }
-    });
-  }, f = () => {
-    Object.keys(l.value).forEach((o) => {
-      const e = a.value.find((m) => String(m.id) === o), t = !!c[o];
-      !e && !t && p(o);
-    });
-  }, C = (o, e) => {
-    l.value[String(o)] = e, s.value.push(e);
-  }, p = (o) => {
-    const e = l.value[o];
-    delete l.value[o];
-    const t = s.value.indexOf(e);
-    t > -1 && s.value.splice(t, 1);
-  };
-  return E(
-    a,
-    () => {
-      f(), d();
-    },
-    { immediate: !0 }
-  ), {
-    colorsMap: l
-  };
-};
-export {
-  T as useColorsMap
-};

package/src/components/chart/consts.js

@@ -1,47 +0,0 @@
-import { ChartType as _ } from "./types.js";
-const t = "#fcfcfc", n = "#E4E4E4", T = "#646464", o = {
-  size: 12,
-  weight: 400,
-  family: "Inter"
-}, O = 4, A = 1, R = 5, c = [
-  { 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 = {
-  left: 18,
-  right: 18,
-  top: 18,
-  bottom: 11
-}, d = 6, g = "dateLong";
-export {
-  D as BASE_COLOR_KEY,
-  i as BIDDING_PREFIX,
-  f 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,
-  W as HOVER_AREA_TRANSPARENCY,
-  F as HOVER_TRANSPARENCY,
-  g 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,
-  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
-};

package/src/components/chart/types.js

@@ -1,7 +0,0 @@
-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 || {});
-export {
-  e as ChartType,
-  r as DateInterval,
-  a as TooltipOrder,
-  n as TrendDirection
-};

package/src/components/chart/utils/utils.js

@@ -1,21 +0,0 @@
-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 = ({
-  label: r,
-  format: t,
-  availableSpace: n,
-  truncate: i = !1
-}) => {
-  const s = m.test(r), o = (d) => {
-    const f = c(d, t);
-    return i && n > 0 ? a(f, p, n) : f;
-  };
-  return s ? r.split(m).map(o) : o(r);
-};
-export {
-  c as formatValue,
-  w as prepareTickLabel
-};

package/src/components/checkbox/v3/Checkbox.vue.js

@@ -1,7 +0,0 @@
-import o from "./Checkbox.vue2.js";
-/* empty css               */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-58dedb90"]]);
-export {
-  c as default
-};

package/src/components/checkbox/v3/Checkbox.vue2.js

@@ -1,98 +0,0 @@
-import { defineComponent as E, openBlock as i, createElementBlock as V, unref as e, normalizeClass as x, createElementVNode as r, mergeProps as F, createVNode as N, withCtx as b, createBlock as d, createCommentVNode as n, renderSlot as g, createTextVNode as D, toDisplayString as L } from "vue";
-import "../../typography/Heading.vue.js";
-import P from "../../typography/Text.vue.js";
-import T from "../../icon/v3/Icon.vue.js";
-import A from "./icons/unchecked.vue.js";
-import R from "./icons/checked.vue.js";
-import S from "./icons/indeterminate.vue.js";
-import { CheckboxTestIdModifiers as a } from "../../../testids/index.js";
-import { checkboxCommon as v } from "../common/Checkbox.common.js";
-const w = ["for", "data-testid"], H = { class: "checkboxes" }, K = ["id", "disabled", "checked", ".indeterminate", "data-testid"], X = /* @__PURE__ */ E({
-  __name: "Checkbox",
-  props: {
-    isChecked: { type: Boolean },
-    isIndeterminate: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "md" },
-    label: { default: "" },
-    testId: { default: "" }
-  },
-  emits: ["update:isChecked", "click"],
-  setup(h, { emit: C }) {
-    function I() {
-      console.log("side-effect");
-    }
-    I();
-    const $ = h, c = C, {
-      id: m,
-      checkbox: y,
-      isFocusVisible: z,
-      handleFocus: u,
-      handleBlur: k,
-      indeterminate: l,
-      checked: p,
-      unchecked: B,
-      updateValue: f
-    } = v($, c);
-    return (t, o) => (i(), V("label", {
-      for: e(m),
-      class: x([[t.size, { "focus-visible": e(z), disabled: t.disabled }], "checkbox"]),
-      "data-testid": `${t.testId}-${e(a).WRAPPER}`
-    }, [
-      r("span", H, [
-        r("input", F(t.$attrs, {
-          id: e(m),
-          ref: e(y),
-          disabled: t.disabled,
-          checked: e(p),
-          class: "input",
-          ".indeterminate": e(l),
-          type: "checkbox",
-          "data-testid": `${t.testId}-${e(a).FIELD}`,
-          onBlur: o[0] || (o[0] = //@ts-ignore
-          (...s) => e(k) && e(k)(...s)),
-          onFocus: o[1] || (o[1] = //@ts-ignore
-          (...s) => e(u) && e(u)(...s)),
-          onClick: o[2] || (o[2] = (s) => c("click", s)),
-          onInput: o[3] || (o[3] = //@ts-ignore
-          (...s) => e(f) && e(f)(...s))
-        }), null, 48, K),
-        o[4] || (o[4] = r("span", { class: "checkbox__inner" }, null, -1)),
-        N(e(T), { "font-size": t.size }, {
-          default: b(() => [
-            e(p) ? (i(), d(R, {
-              key: 0,
-              class: "checkbox-icon checked",
-              "data-testid": `${t.testId}-${e(a).CHECKED}`
-            }, null, 8, ["data-testid"])) : n("", !0),
-            e(l) ? (i(), d(S, {
-              key: 1,
-              class: "checkbox-icon indeterminate"
-            })) : n("", !0),
-            e(B) && !e(l) ? (i(), d(A, {
-              key: 2,
-              class: "checkbox-icon unchecked"
-            })) : n("", !0)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      t.label || t.$slots.default ? (i(), d(e(P), {
-        key: 0,
-        size: t.size,
-        class: "checkbox-text",
-        "data-testid": `${t.testId}-${e(a).LABEL}`
-      }, {
-        default: b(() => [
-          g(t.$slots, "default", {}, () => [
-            D(L(t.label), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 8, ["size", "data-testid"])) : n("", !0)
-    ], 10, w));
-  }
-});
-export {
-  X as default
-};