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

package/components/chart/composables/useColorsMap.js

@@ -1,46 +1,48 @@
-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)
+import { computed as r, ref as n, watch as p } from "vue";
+import { RESERVED_COLORS_MAP as c, MEDIATION_COLOR_PALETTE as R, DEFAULT_COLOR_PALETTE as T, DEFAULT_CHART_COLOR as L } from "../colorPalette.js";
+const A = ({
+  dataSets: i,
+  visibleIds: u,
+  variant: v
+}) => {
+  const s = r(
+    () => i.value.filter(
+      (o) => u.value.includes(o.id)
     )
-  ), l = r({
+  ), t = n({
     ...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) => {
+  }), a = n([]), d = r(() => (v === "mediation" ? R : T).filter((e) => !a.value.includes(e))), f = () => {
+    s.value.forEach((o) => {
       const e = String(o.id);
-      if (!l.value[e]) {
-        const t = o.color || v.value[0] || R;
-        C(e, t);
+      if (!t.value[e]) {
+        const l = o.color || d.value[0] || L;
+        E(e, l);
       }
     });
-  }, 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 = () => {
+    Object.keys(t.value).forEach((o) => {
+      const e = s.value.find((m) => String(m.id) === o), l = !!c[o];
+      !e && !l && O(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);
+  }, E = (o, e) => {
+    t.value[String(o)] = e, a.value.push(e);
+  }, O = (o) => {
+    const e = t.value[o];
+    delete t.value[o];
+    const l = a.value.indexOf(e);
+    l > -1 && a.value.splice(l, 1);
   };
-  return E(
-    a,
+  return p(
+    s,
     () => {
-      f(), d();
+      C(), f();
     },
     { immediate: !0 }
   ), {
-    colorsMap: l
+    colorsMap: t
   };
 };
 export {
-  T as useColorsMap
+  A as useColorsMap
 };

package/components/chart/consts.d.ts

@@ -10,7 +10,7 @@ export declare const DROPDOWN_TYPE_OPTIONS: DropdownTypeOption[];
 export declare const HEADER_HEIGHT = 76;
 export declare const COMPACT_HEADER_HEIGHT = 43;
 export declare const DEFAULT_CHART_PLANE_HEIGHT = 312;
-export declare const MIN_PLANE_HEIGHT = 187;
+export declare const MIN_PLANE_HEIGHT = 211;
 export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
 export declare const BASE_COLOR_KEY = "___BASE_COLOR__";
 export declare const BIDDING_PREFIX = "Bidding";
@@ -26,6 +26,10 @@ export declare const NETWORK_PANGLE = "Pangle";
 export declare const NETWORK_LIFTOFF = "Liftoff Monetize";
 export declare const HOVER_TRANSPARENCY = 10;
 export declare const HOVER_AREA_TRANSPARENCY = 70;
+export declare const STACKED_LINE_TRANSPARENCY = 10;
+export declare const CHART_ITEM_TRANSPARENCY = 70;
+export declare const INCOMPLETE_DATA_BAR_TRANSPARENCY = 40;
+export declare const LINE_DASH_STYLE: number[];
 export declare const CHART_PADDING: {
     left: number;
     right: number;

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 = 211, 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

@@ -6,6 +6,7 @@ declare const ChartTypes: () => ({
         $data: {};
         $props: Partial<{
             header: string;
+            testId: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
@@ -41,15 +42,22 @@ 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;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -199,6 +207,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;
@@ -215,11 +231,15 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<Record<string, unknown>[]>;
                 default: () => any[];
             };
+            colorVariant: {
+                type: import("vue").PropType<import("./types").ColorVariant>;
+                default: string;
+            };
         }>> & {
             "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">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "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;
         };
@@ -238,6 +258,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -387,6 +411,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;
@@ -403,6 +435,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<Record<string, unknown>[]>;
                 default: () => any[];
             };
+            colorVariant: {
+                type: import("vue").PropType<import("./types").ColorVariant>;
+                default: string;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -413,6 +449,7 @@ declare const ChartTypes: () => ({
             "update:sortSelected": (sortOption: unknown) => void;
         }, string, {
             header: string;
+            testId: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
@@ -448,10 +485,13 @@ 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;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -477,6 +517,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -626,6 +670,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;
@@ -642,6 +694,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<Record<string, unknown>[]>;
             default: () => any[];
         };
+        colorVariant: {
+            type: import("vue").PropType<import("./types").ColorVariant>;
+            default: string;
+        };
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
         "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -655,6 +711,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -804,6 +864,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;
@@ -820,6 +888,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<Record<string, unknown>[]>;
         default: () => any[];
     };
+    colorVariant: {
+        type: import("vue").PropType<import("./types").ColorVariant>;
+        default: string;
+    };
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -830,6 +902,7 @@ declare const ChartTypes: () => ({
     "update:sortSelected": (sortOption: unknown) => void;
 }, string, {
     header: string;
+    testId: string;
     loading: boolean;
     visibleIds: unknown[];
     minVisible: number;
@@ -865,10 +938,13 @@ 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;
     extraCharts: Record<string, unknown>[];
+    colorVariant: import("./types").ColorVariant;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "before-chart-type"?(_: {}): any;

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,5 +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.d.ts

@@ -1,3 +1,3 @@
 import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
-export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat, formatLowDigits?: boolean) => string;
+export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat, formatLowDigits?: boolean, withSuffixSpace?: boolean) => string;
 export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];

package/components/chart/utils/utils.js

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

package/components/columnConfigurator/ColumnConfigurator.types.d.ts

@@ -0,0 +1,12 @@
+import { SortableListItem } from '@/components/sortableList/SortableList.types';
+export type ColumnConfigSection = {
+    sectionId: string;
+    title: string;
+    isGrouped: boolean;
+    maxSelections?: number;
+    sectionOptions: SortableListItem[] | SectionOptionsGroup[];
+};
+export type SectionOptionsGroup = {
+    displayText: string;
+    options: SortableListItem[];
+};

package/components/columnConfigurator/ColumnConfigurator.vue.d.ts

@@ -0,0 +1,61 @@
+import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columnsConfig: ColumnConfigSection[];
+    selection: (string | number)[];
+    childSelection: Record<string, string | number>;
+    alwaysVisibleCount?: number;
+    loading?: boolean;
+    testId?: string;
+}>, {
+    columnsConfig: () => any[];
+    selection: () => any[];
+    childSelection: () => {};
+    alwaysVisibleCount: number;
+    loading: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selection": (value: unknown[]) => void;
+    "update:childSelection": (value: Record<string, string | number>) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columnsConfig: ColumnConfigSection[];
+    selection: (string | number)[];
+    childSelection: Record<string, string | number>;
+    alwaysVisibleCount?: number;
+    loading?: boolean;
+    testId?: string;
+}>, {
+    columnsConfig: () => any[];
+    selection: () => any[];
+    childSelection: () => {};
+    alwaysVisibleCount: number;
+    loading: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:selection"?: (value: unknown[]) => any;
+    "onUpdate:childSelection"?: (value: Record<string, string | number>) => any;
+}, {
+    testId: string;
+    loading: boolean;
+    selection: (string | number)[];
+    alwaysVisibleCount: number;
+    columnsConfig: ColumnConfigSection[];
+    childSelection: Record<string, string | number>;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/columnConfigurator/ColumnConfigurator.vue.js

@@ -0,0 +1,7 @@
+import o from "./ColumnConfigurator.vue2.js";
+/* empty css                         */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ColumnConfigurator.vue_vue_type_style_index_0_scoped_702ad52e_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-702ad52e"]]);
+export {
+  s as default
+};