@ironsource/shared-ui 2.1.12-test.61 → 2.1.12-test.63

package/components/chart/index.d.ts

@@ -1,4 +1,5 @@
 import Chart from './Chart.vue';
+import { ChartType, TooltipOrder, TrendDirection } from './types';
 declare const ChartTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -13,25 +14,28 @@ declare const ChartTypes: () => ({
             sortSelected: any;
             sortOptions: unknown[];
             sortOptionNameKey: string;
-            chartType: import("./types").ChartType;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
+            totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
+            yAxisFormat: import("./types").ValueFormat;
             dataSets: import("./types").ChartDataSet[];
             trendTooltip: any;
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
             tickCount: number;
+            truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
-            totalsChart: boolean;
+            tooltipOrder: TooltipOrder;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -74,8 +78,8 @@ declare const ChartTypes: () => ({
                 default: string;
             };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
             hideLegend: {
                 type: import("vue").PropType<boolean>;
@@ -85,14 +89,18 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            yAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
+            totalsChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             parsing: {
                 type: import("vue").PropType<import("./types").ChartParsingConfig>;
                 default: any;
             };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
@@ -122,13 +130,21 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            truncateTickLabels: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -153,9 +169,9 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
                 default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             };
-            totalsChart: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            tooltipOrder: {
+                type: import("vue").PropType<TooltipOrder>;
+                default: TooltipOrder;
             };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
@@ -172,8 +188,8 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+            "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" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -185,7 +201,7 @@ declare const ChartTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
+        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: ChartType) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -226,8 +242,8 @@ declare const ChartTypes: () => ({
                 default: string;
             };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
             hideLegend: {
                 type: import("vue").PropType<boolean>;
@@ -237,14 +253,18 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            yAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
+            totalsChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             parsing: {
                 type: import("vue").PropType<import("./types").ChartParsingConfig>;
                 default: any;
             };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
@@ -274,13 +294,21 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            truncateTickLabels: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -305,9 +333,9 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
                 default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             };
-            totalsChart: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            tooltipOrder: {
+                type: import("vue").PropType<TooltipOrder>;
+                default: TooltipOrder;
             };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
@@ -324,9 +352,9 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+            "onUpdate:chartType"?: (chartType: ChartType) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:chartType": (chartType: import("./types").ChartType) => void;
+            "update:chartType": (chartType: ChartType) => void;
             "update:visibleIds": (visibleIds: unknown[]) => void;
             "update:sortSelected": (sortOption: unknown) => void;
         }, string, {
@@ -339,25 +367,28 @@ declare const ChartTypes: () => ({
             sortSelected: any;
             sortOptions: unknown[];
             sortOptionNameKey: string;
-            chartType: import("./types").ChartType;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
+            totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
+            yAxisFormat: import("./types").ValueFormat;
             dataSets: import("./types").ChartDataSet[];
             trendTooltip: any;
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
             tickCount: number;
+            truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
-            totalsChart: boolean;
+            tooltipOrder: TooltipOrder;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -420,8 +451,8 @@ declare const ChartTypes: () => ({
             default: string;
         };
         chartType: {
-            type: import("vue").PropType<import("./types").ChartType>;
-            default: import("./types").ChartType;
+            type: import("vue").PropType<ChartType>;
+            default: ChartType;
         };
         hideLegend: {
             type: import("vue").PropType<boolean>;
@@ -431,14 +462,18 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<import("./types").ValueFormat>;
             default: string;
         };
-        yAxisFormat: {
-            type: import("vue").PropType<import("./types").ValueFormat>;
-            default: string;
+        totalsChart: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         parsing: {
             type: import("vue").PropType<import("./types").ChartParsingConfig>;
             default: any;
         };
+        yAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
+            default: string;
+        };
         dataSets: {
             type: import("vue").PropType<import("./types").ChartDataSet[]>;
             required: true;
@@ -468,13 +503,21 @@ declare const ChartTypes: () => ({
             default: any;
         };
         trendDirection: {
-            type: import("vue").PropType<"up" | "down">;
-            default: string;
+            type: import("vue").PropType<TrendDirection>;
+            default: TrendDirection;
         };
         tickCount: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        truncateTickLabels: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        keepSubheaderVisible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noDataIcon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -499,9 +542,9 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
             default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
         };
-        totalsChart: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        tooltipOrder: {
+            type: import("vue").PropType<TooltipOrder>;
+            default: TooltipOrder;
         };
         fullHeight: {
             type: import("vue").PropType<boolean>;
@@ -518,7 +561,7 @@ declare const ChartTypes: () => ({
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
         "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-        "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+        "onUpdate:chartType"?: (chartType: ChartType) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -562,8 +605,8 @@ declare const ChartTypes: () => ({
         default: string;
     };
     chartType: {
-        type: import("vue").PropType<import("./types").ChartType>;
-        default: import("./types").ChartType;
+        type: import("vue").PropType<ChartType>;
+        default: ChartType;
     };
     hideLegend: {
         type: import("vue").PropType<boolean>;
@@ -573,14 +616,18 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<import("./types").ValueFormat>;
         default: string;
     };
-    yAxisFormat: {
-        type: import("vue").PropType<import("./types").ValueFormat>;
-        default: string;
+    totalsChart: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     parsing: {
         type: import("vue").PropType<import("./types").ChartParsingConfig>;
         default: any;
     };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
     dataSets: {
         type: import("vue").PropType<import("./types").ChartDataSet[]>;
         required: true;
@@ -610,13 +657,21 @@ declare const ChartTypes: () => ({
         default: any;
     };
     trendDirection: {
-        type: import("vue").PropType<"up" | "down">;
-        default: string;
+        type: import("vue").PropType<TrendDirection>;
+        default: TrendDirection;
     };
     tickCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    truncateTickLabels: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    keepSubheaderVisible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -641,9 +696,9 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
         default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     };
-    totalsChart: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    tooltipOrder: {
+        type: import("vue").PropType<TooltipOrder>;
+        default: TooltipOrder;
     };
     fullHeight: {
         type: import("vue").PropType<boolean>;
@@ -660,9 +715,9 @@ declare const ChartTypes: () => ({
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+    "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:chartType": (chartType: import("./types").ChartType) => void;
+    "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
     "update:sortSelected": (sortOption: unknown) => void;
 }, string, {
@@ -675,25 +730,28 @@ declare const ChartTypes: () => ({
     sortSelected: any;
     sortOptions: unknown[];
     sortOptionNameKey: string;
-    chartType: import("./types").ChartType;
+    chartType: ChartType;
     hideLegend: boolean;
     xAxisFormat: import("./types").ValueFormat;
-    yAxisFormat: import("./types").ValueFormat;
+    totalsChart: boolean;
     parsing: import("./types").ChartParsingConfig;
+    yAxisFormat: import("./types").ValueFormat;
     dataSets: import("./types").ChartDataSet[];
     trendTooltip: any;
     subheader: string;
     subheaderTooltip: any;
     trendValue: string | number;
-    trendDirection: "up" | "down";
+    trendDirection: TrendDirection;
     tickCount: number;
+    truncateTickLabels: boolean;
+    keepSubheaderVisible: boolean;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
     withAnimation: boolean;
     tooltipTotalType: import("../../utils/totals").TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
-    totalsChart: boolean;
+    tooltipOrder: TooltipOrder;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
@@ -705,5 +763,5 @@ declare const ChartTypes: () => ({
         "subheader-tooltip"?(_: {}): any;
     };
 }))[];
-export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
-export { Chart, ChartTypes };
+export type { ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export { Chart, ChartTypes, ChartType, TooltipOrder, TrendDirection };

package/components/chart/mockData.d.ts

@@ -8,6 +8,7 @@ export declare const SINGLE_DATASET_DATE: {
 }[];
 export declare const SINGLE_DATASET_COUNTRY: {
     id: string;
+    countryFlag: string;
     label: string;
     data: {
         value: number;
@@ -15,6 +16,16 @@ export declare const SINGLE_DATASET_COUNTRY: {
         value3: number;
     }[];
 }[];
+export declare const SINGLE_DATASET_APP: {
+    id: string;
+    label: string;
+    icon: string;
+    image: string;
+    data: {
+        app: string;
+        value: number;
+    }[];
+}[];
 export declare const MULTIPLE_DATASETS_DATE: ({
     id: number;
     label: string;

package/components/chart/types.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { UseVirtualListItem } from '@vueuse/core';
 import { IconTypes } from '../icon/v4/Icon.types';
-import { ChartTypeRegistry, TooltipItem } from 'chart.js';
+import { ChartDataset, ChartTypeRegistry, TooltipItem } from 'chart.js';
 export declare enum ChartType {
     Line = "line",
     Bar = "bar",
@@ -17,6 +17,8 @@ export type ChartDataSet = {
     color?: HexColor;
     icon?: string;
     iconType?: IconTypes;
+    countryFlag?: string;
+    image?: string;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -32,10 +34,7 @@ export type LegendItem = {
     iconType?: IconTypes;
 };
 export interface MyTooltipItem<T extends keyof ChartTypeRegistry = keyof ChartTypeRegistry> extends TooltipItem<T> {
-    dataset: {
-        icon?: string;
-        iconType?: IconTypes;
-    } & TooltipItem<T>['dataset'];
+    dataset: ChartDataSet & TooltipItem<T>['dataset'];
 }
 export type UseVirtualListResult = {
     list: Ref<UseVirtualListItem<LegendItem>[]>;
@@ -60,3 +59,24 @@ export type UseChartHeightArgs = {
     useFullHeight: boolean;
 };
 export type HexColor = `#${string}`;
+export type DataSetConfig = ChartDataset<'line'> & ChartDataSet;
+export interface Font {
+    size: number;
+    weight: number;
+    family: string;
+}
+export type PrepareTicksLabelArgs = {
+    label: string;
+    format: ValueFormat;
+    availableSpace: number;
+    truncate?: boolean;
+};
+export declare enum TooltipOrder {
+    Legend = "legend",
+    YAxis = "yAxis"
+}
+export declare enum TrendDirection {
+    UP = "up",
+    DOWN = "down",
+    NEUTRAL = "right"
+}

package/components/chart/types.js

@@ -1,4 +1,6 @@
-var a = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(a || {});
+var e = /* @__PURE__ */ ((a) => (a.Line = "line", a.Bar = "bar", a.StackedLine = "stackedLine", a.StackedBar = "stackedBar", a))(e || {}), n = /* @__PURE__ */ ((a) => (a.Legend = "legend", a.YAxis = "yAxis", a))(n || {}), r = /* @__PURE__ */ ((a) => (a.UP = "up", a.DOWN = "down", a.NEUTRAL = "right", a))(r || {});
 export {
-  a as ChartType
+  e as ChartType,
+  n as TooltipOrder,
+  r as TrendDirection
 };

package/components/chart/utils/highlightUtils.d.ts

@@ -0,0 +1,3 @@
+import { DataSetConfig } from '@is-ssp/chart/types';
+export declare const storeOriginalDatasetColors: (dataset: DataSetConfig) => void;
+export declare const restoreOriginalDatasetColors: (dataset: DataSetConfig) => void;

package/components/chart/utils/highlightUtils.js

@@ -0,0 +1,18 @@
+const _ = [
+  "borderColor",
+  "backgroundColor",
+  "pointBackgroundColor",
+  "pointHoverBorderColor"
+], l = (o) => {
+  _.forEach((r) => {
+    o[`___${r}`] = o[r];
+  });
+}, n = (o) => {
+  _.forEach((r) => {
+    o[`___${r}`] && (o[r] = o[`___${r}`], delete o[`___${r}`]);
+  });
+};
+export {
+  n as restoreOriginalDatasetColors,
+  l as storeOriginalDatasetColors
+};

package/components/chart/utils/utils.d.ts

@@ -1,3 +1,4 @@
-import { ValueFormat } from '@/components/chart/types';
+import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
 export declare const calcStepSize: (min: number, max: number, tickCount: number) => number;
 export declare const formatValue: (value: number | string, valueFormat: ValueFormat) => string;
+export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];

package/components/chart/utils/utils.js

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

package/composables/useFormValidation.d.ts

@@ -14,7 +14,7 @@ export type UseFormValidationReponseType<T> = {
     validationErrors: ValidationErrorsType<T>;
     isValid: Ref<boolean>;
     validate: (isReactive?: boolean) => void;
-    stopValidating: (resetErrors?: boolean) => void;
+    stopValidating: () => void;
 };
 export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
 export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;

package/consts/common.d.ts

@@ -0,0 +1 @@
+export declare const ELLIPSIS = "...";

package/consts/common.js

@@ -0,0 +1,4 @@
+const o = "...";
+export {
+  o as ELLIPSIS
+};

package/consts/regex.d.ts

@@ -1 +1,2 @@
 export declare const REGEX_NUMBER_INPUT: RegExp;
+export declare const REGEX_LINEBREAK: RegExp;

package/consts/regex.js

@@ -1,4 +1,5 @@
-const E = /^[0-9.]*$/;
+const E = /^[0-9.]*$/, R = /\n/;
 export {
+  R as REGEX_LINEBREAK,
   E as REGEX_NUMBER_INPUT
 };