@rankingcoach/vanguard 1.14.10-release-agentic.174 → 1.14.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index-BarChart.js +13 -13
- package/dist/index-BenchmarkGauge.js +1 -1
- package/dist/index-BenchmarkGaugeMarker.js +1 -1
- package/dist/index-BigLegendItem.js +11 -11
- package/dist/index-ControlledValuePlugin.js +1 -1
- package/dist/index-DefaultValuePlugin.js +1 -1
- package/dist/index-DrawerRoot.js +29 -29
- package/dist/index-FadedCarousel.js +37 -37
- package/dist/index-HSBChart.js +13 -13
- package/dist/index-HyperlinkPlugin.js +1 -1
- package/dist/index-KeywordNode.js +1 -1
- package/dist/index-KeywordPlugin.js +1 -1
- package/dist/index-LexicalToolkit2.js +1 -1
- package/dist/index-Link.js +15 -15
- package/dist/index-ModalContext.js +21 -21
- package/dist/index-ModalService.js +15 -15
- package/dist/index-ModalSplitView.js +39 -21
- package/dist/index-ModalTransition.js +9 -9
- package/dist/index-OnChangeContentPlugin.js +1 -1
- package/dist/index-OnFocusOnBlurPlugin.js +1 -1
- package/dist/index-OverlayStackingService.js +21 -55
- package/dist/index-Skeleton.js +28 -28
- package/dist/index-StyledSVG2.js +1 -1
- package/dist/index-_virtual19.js +2 -5
- package/dist/index-_virtual20.js +5 -2
- package/dist/index-_virtual24.js +2 -2
- package/dist/index-_virtual26.js +2 -2
- package/dist/index-_virtual27.js +2 -2
- package/dist/index-_virtual28.js +2 -2
- package/dist/index-_virtual29.js +2 -2
- package/dist/index-_virtual30.js +2 -2
- package/dist/index-_virtual31.js +2 -2
- package/dist/index-_virtual33.js +2 -2
- package/dist/index-_virtual6.js +1 -1
- package/dist/index-dist2.js +20 -78
- package/dist/index-dist3.js +78 -20
- package/dist/index-dist4.js +1 -1
- package/dist/index-http.store.js +1 -1
- package/dist/index-lib.js +1 -1
- package/dist/index-lib2.js +1 -1
- package/dist/index-lib3.js +1 -1
- package/dist/index-status-badge-get-colors-based-on-status.js +1 -1
- package/dist/index-use-benchmark-gauge-render-state.js +1 -1
- package/dist/index-use-dynamic-import.js +44 -61
- package/dist/index-use-line-chart-options.js +25 -25
- package/dist/index-useHyperlinkEditor.js +1 -1
- package/dist/index-useLexicalToolbar.js +1 -1
- package/dist/index-utils2.js +47 -67
- package/dist/index-utils3.js +67 -47
- package/dist/index.js +410 -425
- package/dist/types/core/Drawer/Drawer.d.ts +0 -7
- package/dist/types/core/Modal/ModalContext.d.ts +1 -1
- package/dist/types/core/Modal/ModalService.d.ts +0 -7
- package/dist/types/core/Modal/ModalSplitView/ModalSplitView.d.ts +0 -3
- package/dist/types/core/OverlayStacking/OverlayStackingService.d.ts +5 -44
- package/dist/types/index.d.ts +0 -8
- package/dist/vanguard-asset-analysis.json +1 -1
- package/dist/vanguard.css +1 -1
- package/dist-wordpress/index.js +4718 -4769
- package/dist-wordpress/vanguard.css +1 -1
- package/package.json +5 -5
- package/dist/index-AnimatedNumber.js +0 -25
- package/dist/index-CircularGauge.js +0 -58
- package/dist/index-CircularGauge.module.scss.js +0 -13
- package/dist/index-ModalSplitViewLeftOverlay.js +0 -38
- package/dist/index-ModalSplitViewRightOverlay.js +0 -46
- package/dist/index-SegmentBar.js +0 -30
- package/dist/index-SegmentBar.module.scss.js +0 -9
- package/dist/index-TrendIndicator.js +0 -70
- package/dist/index-TrendIndicator.module.scss.js +0 -11
- package/dist/index-trend.js +0 -10
- package/dist/index-use-animated-value.js +0 -29
- package/dist/types/core/AnimatedNumber/AnimatedNumber.d.ts +0 -21
- package/dist/types/core/AnimatedNumber/index.d.ts +0 -4
- package/dist/types/core/AnimatedNumber/stories/Decimals.story.d.ts +0 -2
- package/dist/types/core/AnimatedNumber/stories/Default.story.d.ts +0 -2
- package/dist/types/core/AnimatedNumber/stories/WithFormatter.story.d.ts +0 -2
- package/dist/types/core/AnimatedNumber/stories/_AnimatedNumber.default.d.ts +0 -8
- package/dist/types/core/AnimatedNumber/use-animated-value.d.ts +0 -10
- package/dist/types/core/CircularGauge/CircularGauge.d.ts +0 -26
- package/dist/types/core/CircularGauge/index.d.ts +0 -2
- package/dist/types/core/CircularGauge/stories/Default.story.d.ts +0 -2
- package/dist/types/core/CircularGauge/stories/Loading.story.d.ts +0 -2
- package/dist/types/core/CircularGauge/stories/WithCenterValue.story.d.ts +0 -2
- package/dist/types/core/CircularGauge/stories/_CircularGauge.default.d.ts +0 -15
- package/dist/types/core/Modal/ModalSplitView/stories/LeftOverlay.story.d.ts +0 -2
- package/dist/types/core/Modal/ModalSplitView/stories/Responsive.story.d.ts +0 -2
- package/dist/types/core/Modal/ModalSplitView/stories/RightOverlay.story.d.ts +0 -2
- package/dist/types/core/Modal/ModalSplitView/stories/RightOverlayFullCover.story.d.ts +0 -2
- package/dist/types/core/Modal/ModalSplitView/stories/RightOverlayWithBottomMargin.story.d.ts +0 -2
- package/dist/types/core/Modal/ModalSplitView/stories/_ModalSplitView.default.d.ts +0 -3
- package/dist/types/core/Modal/ModalSplitView/stories/splitViewElements.d.ts +0 -2
- package/dist/types/core/Modal/ModalSplitView/stories/useToggleContracted.d.ts +0 -1
- package/dist/types/core/Modal/ModalSplitView/variants/ModalSplitViewLeftOverlay.d.ts +0 -8
- package/dist/types/core/Modal/ModalSplitView/variants/ModalSplitViewRightOverlay.d.ts +0 -9
- package/dist/types/core/SegmentBar/SegmentBar.d.ts +0 -20
- package/dist/types/core/SegmentBar/index.d.ts +0 -2
- package/dist/types/core/SegmentBar/stories/Default.story.d.ts +0 -2
- package/dist/types/core/SegmentBar/stories/Loading.story.d.ts +0 -2
- package/dist/types/core/SegmentBar/stories/_SegmentBar.default.d.ts +0 -25
- package/dist/types/core/Skeleton/stories/CardPlaceholder.story.d.ts +0 -2
- package/dist/types/core/Skeleton/stories/Circle.story.d.ts +0 -2
- package/dist/types/core/Skeleton/stories/Dark.story.d.ts +0 -2
- package/dist/types/core/Skeleton/stories/Default.story.d.ts +0 -2
- package/dist/types/core/Skeleton/stories/Fill.story.d.ts +0 -2
- package/dist/types/core/Skeleton/stories/NoAnimation.story.d.ts +0 -2
- package/dist/types/core/Skeleton/stories/_Skeleton.default.d.ts +0 -21
- package/dist/types/core/TrendIndicator/TrendIndicator.d.ts +0 -25
- package/dist/types/core/TrendIndicator/index.d.ts +0 -4
- package/dist/types/core/TrendIndicator/stories/Default.story.d.ts +0 -2
- package/dist/types/core/TrendIndicator/stories/Delta.story.d.ts +0 -3
- package/dist/types/core/TrendIndicator/stories/InverseMetric.story.d.ts +0 -2
- package/dist/types/core/TrendIndicator/stories/_TrendIndicator.default.d.ts +0 -10
- package/dist/types/core/TrendIndicator/trend.d.ts +0 -10
- package/dist/types/core/_showcase/CssUpdatesShowcase/CssUpdateRenderedComponent/CssUpdateRenderedComponent.d.ts +0 -4
- package/dist/types/core/_showcase/CssUpdatesShowcase/CssUpdatesShowcase.d.ts +0 -1
- package/dist/types/core/_showcase/CssUpdatesShowcase/data.d.ts +0 -7
- package/scripts/gen-css-showcase-data.mjs +0 -185
package/dist/index-BarChart.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as M, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import { CHART_COLORS as
|
|
3
|
+
import { CHART_COLORS as f } from "./index-colors.js";
|
|
4
4
|
import { resolveCssVariables as b } from "./index-resolve-css-variables.js";
|
|
5
5
|
import { translationService as v } from "./index-translation.service.js";
|
|
6
6
|
import { BigLegendItem as G } from "./index-BigLegendItem.js";
|
|
@@ -15,25 +15,25 @@ const lo = (y) => {
|
|
|
15
15
|
series: c,
|
|
16
16
|
categories: x,
|
|
17
17
|
customLegendItems: w,
|
|
18
|
-
colors: m =
|
|
18
|
+
colors: m = f,
|
|
19
19
|
chartTitle: L,
|
|
20
20
|
replacements: S,
|
|
21
21
|
showLegend: F,
|
|
22
|
-
legendFillColors: h =
|
|
22
|
+
legendFillColors: h = f,
|
|
23
23
|
legendFormatter: p,
|
|
24
24
|
height: T = "256px",
|
|
25
25
|
width: $ = "100%",
|
|
26
26
|
containerWidth: k,
|
|
27
27
|
testId: z,
|
|
28
28
|
isLoading: B,
|
|
29
|
-
distributed:
|
|
29
|
+
distributed: d = !0,
|
|
30
30
|
columnWidth: E = "95%",
|
|
31
31
|
showBigLegend: R = !0,
|
|
32
32
|
showPercentage: W = !1,
|
|
33
|
-
yAxisDataFormatter:
|
|
33
|
+
yAxisDataFormatter: g,
|
|
34
34
|
showYaxis: A = !0,
|
|
35
35
|
showGrid: H = !0,
|
|
36
|
-
customTooltipFormatter:
|
|
36
|
+
customTooltipFormatter: u
|
|
37
37
|
} = y, N = n.useMemo(() => b(m), [m]), _ = n.useMemo(() => b(h), [h]), O = (t) => t.map((o) => (o = v.get(o).value, o)), V = (t) => t.map((o) => (o = v.get(o).value, o)), j = (t) => {
|
|
38
38
|
let o = 0;
|
|
39
39
|
return t.forEach((e, l) => {
|
|
@@ -51,7 +51,7 @@ const lo = (y) => {
|
|
|
51
51
|
},
|
|
52
52
|
plotOptions: {
|
|
53
53
|
bar: {
|
|
54
|
-
distributed:
|
|
54
|
+
distributed: d,
|
|
55
55
|
horizontal: !1,
|
|
56
56
|
columnWidth: E,
|
|
57
57
|
borderRadius: 8,
|
|
@@ -87,9 +87,9 @@ const lo = (y) => {
|
|
|
87
87
|
fontFamily: "var(--theme-typeface)",
|
|
88
88
|
fontWeight: 400
|
|
89
89
|
},
|
|
90
|
-
...
|
|
90
|
+
...g ? {
|
|
91
91
|
formatter: function(t, o) {
|
|
92
|
-
return
|
|
92
|
+
return g(t, o);
|
|
93
93
|
}
|
|
94
94
|
} : {}
|
|
95
95
|
}
|
|
@@ -122,7 +122,7 @@ const lo = (y) => {
|
|
|
122
122
|
},
|
|
123
123
|
grid: {
|
|
124
124
|
show: H,
|
|
125
|
-
borderColor: "rgba(
|
|
125
|
+
borderColor: "rgba(4, 5, 6, 0.1)",
|
|
126
126
|
strokeDashArray: 6,
|
|
127
127
|
position: "back",
|
|
128
128
|
xaxis: {
|
|
@@ -144,14 +144,14 @@ const lo = (y) => {
|
|
|
144
144
|
dataPointIndex: o,
|
|
145
145
|
w: e
|
|
146
146
|
}) => {
|
|
147
|
-
if (
|
|
148
|
-
const i = e.config.xaxis.categories[o], r = t[0][o], a =
|
|
147
|
+
if (u) {
|
|
148
|
+
const i = e.config.xaxis.categories[o], r = t[0][o], a = u(i, r, o);
|
|
149
149
|
return `<div class="tooltip custom-tooltip">${typeof a == "string" ? a : n.isValidElement(a) ? J.renderToString(a) : String(a)}</div>`;
|
|
150
150
|
}
|
|
151
151
|
let l = "";
|
|
152
152
|
return t.forEach((i, r) => {
|
|
153
153
|
l += `<div class="tooltip-row">
|
|
154
|
-
<div class="tooltip-color" style="background-color: ${
|
|
154
|
+
<div class="tooltip-color" style="background-color: ${d ? e.config.colors ? e.config.colors[o] : e.globals.colors[o] : e.config.colors ? e.config.colors[r] : e.globals.colors[r]}"></div>
|
|
155
155
|
<span class="tooltip-text">${e.config.series[r].name ? e.config.series[r].name : ""}</span>
|
|
156
156
|
<span class="tooltip-number">${i[o]}${W ? "%" : ""}</span>
|
|
157
157
|
</div>`;
|
|
@@ -4,7 +4,7 @@ import { useState as z } from "react";
|
|
|
4
4
|
import e from "./index-BenchmarkGauge.module.scss.js";
|
|
5
5
|
import { BenchmarkGaugeMarker as F } from "./index-BenchmarkGaugeMarker.js";
|
|
6
6
|
import { useBenchmarkGaugeRenderState as U } from "./index-use-benchmark-gauge-render-state.js";
|
|
7
|
-
import { resolveMarkerColor as W } from "./index-
|
|
7
|
+
import { resolveMarkerColor as W } from "./index-utils2.js";
|
|
8
8
|
import { Render as c } from "./index-Render.js";
|
|
9
9
|
import { Text as x, TextTypes as y } from "./index-Text.js";
|
|
10
10
|
const _ = (m) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as N, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { classNames as m } from "./index-classNames.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import { valueToPercent as y, markerPosition as d } from "./index-
|
|
4
|
+
import { valueToPercent as y, markerPosition as d } from "./index-utils2.js";
|
|
5
5
|
import t from "./index-BenchmarkGaugeMarker.module.scss.js";
|
|
6
6
|
import { BenchmarkGaugePin as A } from "./index-BenchmarkGaugePin.js";
|
|
7
7
|
import { Render as M } from "./index-Render.js";
|
|
@@ -3,8 +3,8 @@ import { useFormatNumberWithCurrency as le } from "./index-use-format-number-wit
|
|
|
3
3
|
import { dFlexRow as ce, dFlex as de } from "./index-general.module.js";
|
|
4
4
|
import { classNames as s } from "./index-classNames.js";
|
|
5
5
|
import { Avatar as me } from "./index-Avatar.js";
|
|
6
|
-
import { ComponentContainer as
|
|
7
|
-
import { Icon as
|
|
6
|
+
import { ComponentContainer as he } from "./index-ComponentContainer.js";
|
|
7
|
+
import { Icon as fe } from "./index-Icon.js";
|
|
8
8
|
import { IconNames as p } from "./index-IconNames.js";
|
|
9
9
|
import { StatusBadge as ue } from "./index-StatusBadge.js";
|
|
10
10
|
import { TextTypes as g, FontWeights as l, Text as i } from "./index-Text.js";
|
|
@@ -15,10 +15,10 @@ const Ie = (_) => {
|
|
|
15
15
|
const {
|
|
16
16
|
currentNumber: n,
|
|
17
17
|
previousNumber: o,
|
|
18
|
-
totalNumber:
|
|
18
|
+
totalNumber: h,
|
|
19
19
|
title: y,
|
|
20
20
|
description: F,
|
|
21
|
-
descriptionColor: D = "--
|
|
21
|
+
descriptionColor: D = "--n500",
|
|
22
22
|
descriptionType: L = g.textCaption,
|
|
23
23
|
descriptionFont: M = l.regular,
|
|
24
24
|
iconName: N,
|
|
@@ -49,15 +49,15 @@ const Ie = (_) => {
|
|
|
49
49
|
totalNumberType: S,
|
|
50
50
|
locale: te,
|
|
51
51
|
currencyISO: re
|
|
52
|
-
} = _, [oe,
|
|
52
|
+
} = _, [oe, f] = m("0%"), [ne, I] = m("0%"), [ae, b] = m(p.remove), [ie, v] = m("neutral"), [P, u] = m("no change"), se = le(te, re);
|
|
53
53
|
B(() => {
|
|
54
54
|
if (o) {
|
|
55
55
|
let t = "", d = "", r = "";
|
|
56
|
-
b(p.remove), v("neutral"), u("no change"),
|
|
56
|
+
b(p.remove), v("neutral"), u("no change"), f("0%"), n > o && (b(p.arrowUp), v("success"), t = ((n - o) / o * 100).toFixed(1), r = `${t}%`, u(t === "0" ? r : `+${r}`), f(r), o === 0 && (t = ((n - o) * 100).toFixed(1), r = `${t}%`, u(t === "0" ? r : `+${r}`), f(r))), n < o && (b(p.arrowDown), v("danger"), d = ((o - n) / o * 100).toFixed(1), r = `${d}%`, u(d === "0" ? r : `-${r}`), f(r));
|
|
57
57
|
}
|
|
58
58
|
}, [n, o]), B(() => {
|
|
59
|
-
n === 0 ||
|
|
60
|
-
}, [n,
|
|
59
|
+
n === 0 || h === 0 ? I("0%") : h && I(`${Math.round(n / h * 100)}%`);
|
|
60
|
+
}, [n, h]);
|
|
61
61
|
function O(t, d) {
|
|
62
62
|
if (G) {
|
|
63
63
|
const r = new Date(n);
|
|
@@ -67,7 +67,7 @@ const Ie = (_) => {
|
|
|
67
67
|
numberOfDecimals: 2
|
|
68
68
|
}) : d ? t < 1e3 ? t.toString() : `${parseFloat((t / 1e3).toFixed(2))}K` : t.toLocaleString();
|
|
69
69
|
}
|
|
70
|
-
return c(
|
|
70
|
+
return c(he, {
|
|
71
71
|
testId: C,
|
|
72
72
|
style: {
|
|
73
73
|
maxWidth: k,
|
|
@@ -78,7 +78,7 @@ const Ie = (_) => {
|
|
|
78
78
|
className: s(a.container),
|
|
79
79
|
children: [N && e("div", {
|
|
80
80
|
className: a.iconContainer,
|
|
81
|
-
children: e(
|
|
81
|
+
children: e(fe, {
|
|
82
82
|
hasCircle: !0,
|
|
83
83
|
color: "--n000",
|
|
84
84
|
fillColor: A,
|
|
@@ -105,7 +105,7 @@ const Ie = (_) => {
|
|
|
105
105
|
children: e(i, {
|
|
106
106
|
type: S || g.heading2,
|
|
107
107
|
fontWeight: l.bold,
|
|
108
|
-
color: "--
|
|
108
|
+
color: "--n700",
|
|
109
109
|
testId: "BigLegendItem_FormattedNumber_TestId",
|
|
110
110
|
translate: !1,
|
|
111
111
|
children: T.length ? T[1] : O(n, W)
|
package/dist/index-DrawerRoot.js
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { pubSubService as
|
|
3
|
-
import { OverlayStackingService as
|
|
4
|
-
import { useState as
|
|
5
|
-
import { Drawer as
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { pubSubService as d, PUB_SUB_EVENTS as u } from "./index-pub-sub.js";
|
|
3
|
+
import { OverlayStackingService as s } from "./index-OverlayStackingService.js";
|
|
4
|
+
import { useState as t, useRef as g, useEffect as C } from "react";
|
|
5
|
+
import { Drawer as b } from "./index-Drawer.js";
|
|
6
6
|
import { DrawerService as y } from "./index-DrawerService.js";
|
|
7
7
|
import O from "./index-DrawerRoot.module.scss.js";
|
|
8
|
-
const
|
|
8
|
+
const Z = (l) => {
|
|
9
9
|
const {
|
|
10
|
-
padding:
|
|
11
|
-
} =
|
|
10
|
+
padding: p = "40px 48px"
|
|
11
|
+
} = l, a = {
|
|
12
12
|
variant: "temporary"
|
|
13
|
-
}, [
|
|
13
|
+
}, [f, c] = t(!1), [m, w] = t(null), [i, D] = t(a), [v, x] = t(void 0), r = g(null), S = (e) => {
|
|
14
14
|
r.current && y.close(r.current);
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
C(() => {
|
|
17
|
+
d.$sub(u.reactDrawerOpen, ({
|
|
18
18
|
component: e,
|
|
19
|
-
options:
|
|
20
|
-
id:
|
|
19
|
+
options: h,
|
|
20
|
+
id: n
|
|
21
21
|
}) => {
|
|
22
|
-
r.current && r.current !==
|
|
23
|
-
...
|
|
24
|
-
...
|
|
25
|
-
}), r.current =
|
|
26
|
-
}),
|
|
22
|
+
r.current && r.current !== n && s.unregister(r.current), x(s.register(n, "drawer")), w(e), D({
|
|
23
|
+
...a,
|
|
24
|
+
...h
|
|
25
|
+
}), r.current = n, c(!0);
|
|
26
|
+
}), d.$sub(u.reactDrawerClose, ({
|
|
27
27
|
id: e
|
|
28
28
|
}) => {
|
|
29
|
-
e === r.current && (
|
|
29
|
+
e === r.current && (s.unregister(e), r.current = null, c(!1));
|
|
30
30
|
});
|
|
31
31
|
}, []);
|
|
32
|
-
const
|
|
33
|
-
return
|
|
32
|
+
const I = i.zIndex ?? v;
|
|
33
|
+
return o("div", {
|
|
34
34
|
"data-testid": "drawer-root",
|
|
35
35
|
id: "drawer-root",
|
|
36
|
-
children:
|
|
37
|
-
open:
|
|
38
|
-
...
|
|
39
|
-
zIndex:
|
|
36
|
+
children: o(b, {
|
|
37
|
+
open: f,
|
|
38
|
+
...i,
|
|
39
|
+
zIndex: I,
|
|
40
40
|
onClose: S,
|
|
41
|
-
children:
|
|
41
|
+
children: o("div", {
|
|
42
42
|
className: O.drawerRootContentWrapper,
|
|
43
43
|
style: {
|
|
44
|
-
padding:
|
|
44
|
+
padding: p
|
|
45
45
|
},
|
|
46
|
-
children:
|
|
46
|
+
children: m
|
|
47
47
|
})
|
|
48
48
|
})
|
|
49
49
|
});
|
|
50
50
|
};
|
|
51
51
|
export {
|
|
52
|
-
|
|
52
|
+
Z as DrawerRoot
|
|
53
53
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as q, jsx as
|
|
1
|
+
import { jsxs as q, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { breakpoints as E } from "./index-breakpoints.js";
|
|
3
3
|
import { useWindowResize as Z } from "./index-use-window.resize.js";
|
|
4
4
|
import { classNames as m } from "./index-classNames.js";
|
|
@@ -13,21 +13,21 @@ const de = (Y) => {
|
|
|
13
13
|
const {
|
|
14
14
|
items: c,
|
|
15
15
|
maxVisibleItems: $,
|
|
16
|
-
scrollOffset:
|
|
16
|
+
scrollOffset: B = 300,
|
|
17
17
|
mode: i = "start",
|
|
18
18
|
fade: s,
|
|
19
19
|
arrows: t,
|
|
20
|
-
className:
|
|
21
|
-
} = Y, a = te(null), h = Z(), [
|
|
20
|
+
className: N
|
|
21
|
+
} = Y, a = te(null), h = Z(), [S, G] = C(!1), [b, H] = C(!0), R = 3, J = $ ?? (c.length > R ? R : 1), d = h <= E.tablet ? 1 : J, n = d === 1 ? 80 : parseFloat((Math.round(100 / d * 100) / 100).toFixed(2)), W = Math.floor(c.length / 2) - Math.floor(d / 2), M = Math.floor(c.length / 2) + Math.ceil(d / 2), K = c.slice(W, M), u = c.slice(0, W), g = c.slice(M), [p, x] = C(u.length * -n), [v, y] = C(g.length * -n), F = h <= E.tablet ? (g.length - 3) * n : (g.length - 1) * n, k = h <= E.tablet ? (u.length - 3) * n : (u.length - 1) * n, w = p >= k, z = v >= F, Q = () => {
|
|
22
22
|
var e;
|
|
23
|
-
i === "centerWithElementsBeforeAfter" ?
|
|
24
|
-
left: -
|
|
23
|
+
i === "centerWithElementsBeforeAfter" ? p < k && (x((r) => r + n), y((r) => r - n)) : (e = a.current) == null || e.scrollBy({
|
|
24
|
+
left: -B,
|
|
25
25
|
behavior: "smooth"
|
|
26
26
|
});
|
|
27
27
|
}, X = () => {
|
|
28
28
|
var e;
|
|
29
|
-
i === "centerWithElementsBeforeAfter" ?
|
|
30
|
-
left:
|
|
29
|
+
i === "centerWithElementsBeforeAfter" ? v < F && (y((r) => r + n), x((r) => r - n)) : (e = a.current) == null || e.scrollBy({
|
|
30
|
+
left: B,
|
|
31
31
|
behavior: "smooth"
|
|
32
32
|
});
|
|
33
33
|
}, A = () => {
|
|
@@ -52,89 +52,89 @@ const de = (Y) => {
|
|
|
52
52
|
return;
|
|
53
53
|
let r = -1, I = 0;
|
|
54
54
|
const j = () => {
|
|
55
|
-
const
|
|
56
|
-
|
|
55
|
+
const L = e.scrollWidth;
|
|
56
|
+
L === r ? I++ : I = 0, r = L, I >= 2 ? e.scrollLeft = (L - e.clientWidth) / 2 : requestAnimationFrame(j);
|
|
57
57
|
};
|
|
58
58
|
requestAnimationFrame(j);
|
|
59
59
|
}, [i, c]);
|
|
60
|
-
const _ = (e) => t != null && t.hideOnMobile && !(h > E.mobile) ? !1 : i === "centerWithElementsBeforeAfter" ? e === "left" ? !w : !z : e === "left" ?
|
|
60
|
+
const _ = (e) => t != null && t.hideOnMobile && !(h > E.mobile) ? !1 : i === "centerWithElementsBeforeAfter" ? e === "left" ? !w : !z : e === "left" ? S : b, D = (e, r) => s != null && s.enabled ? s != null && s.hideAtEdges ? i === "centerWithElementsBeforeAfter" ? !e : r : !0 : !1;
|
|
61
61
|
return q(ee, {
|
|
62
62
|
className: l.carouselContainer,
|
|
63
63
|
"data-testId": "fadedCarousel",
|
|
64
64
|
style: i !== "centerWithElementsBeforeAfter" ? {
|
|
65
65
|
overflow: "hidden"
|
|
66
66
|
} : {},
|
|
67
|
-
children: [
|
|
68
|
-
if: D(w,
|
|
69
|
-
children:
|
|
67
|
+
children: [o(f, {
|
|
68
|
+
if: D(w, S),
|
|
69
|
+
children: o("div", {
|
|
70
70
|
className: l.before
|
|
71
71
|
})
|
|
72
|
-
}),
|
|
72
|
+
}), o(f, {
|
|
73
73
|
if: _("left"),
|
|
74
|
-
children:
|
|
74
|
+
children: o(O, {
|
|
75
75
|
onClick: Q,
|
|
76
76
|
className: m(l.arrowLeft, l.carouselArrow, t != null && t.showBorder ? l.arrowBorder : ""),
|
|
77
77
|
type: P.small,
|
|
78
78
|
color: "--n000",
|
|
79
79
|
hasCircle: !0,
|
|
80
|
-
fillColor: (t == null ? void 0 : t.color) ?? "rgba(
|
|
80
|
+
fillColor: (t == null ? void 0 : t.color) ?? "rgba(4, 5, 6, 0.7)",
|
|
81
81
|
circleSize: (t == null ? void 0 : t.circleSize) ?? 48,
|
|
82
82
|
style: {
|
|
83
83
|
"--arrow-hover-color": t == null ? void 0 : t.hoverColor
|
|
84
84
|
},
|
|
85
85
|
children: T.arrowLeft
|
|
86
86
|
})
|
|
87
|
-
}),
|
|
87
|
+
}), o(f, {
|
|
88
88
|
if: i === "centerWithElementsBeforeAfter",
|
|
89
89
|
children: q("div", {
|
|
90
|
-
className: m(l.carouselItemsContainer,
|
|
91
|
-
children: [
|
|
92
|
-
widthElement:
|
|
93
|
-
margin:
|
|
90
|
+
className: m(l.carouselItemsContainer, N),
|
|
91
|
+
children: [o(V, {
|
|
92
|
+
widthElement: n,
|
|
93
|
+
margin: p,
|
|
94
94
|
className: l.carouselItem,
|
|
95
95
|
isFirstElement: !0,
|
|
96
96
|
children: u
|
|
97
|
-
}), K.map((e, r) =>
|
|
97
|
+
}), K.map((e, r) => o("div", {
|
|
98
98
|
style: {
|
|
99
|
-
width: `${
|
|
99
|
+
width: `${n}%`
|
|
100
100
|
},
|
|
101
101
|
className: m(l.carouselItem),
|
|
102
102
|
children: e
|
|
103
|
-
}, r)),
|
|
104
|
-
widthElement:
|
|
105
|
-
margin:
|
|
103
|
+
}, r)), o(V, {
|
|
104
|
+
widthElement: n,
|
|
105
|
+
margin: v,
|
|
106
106
|
className: l.carouselItem,
|
|
107
107
|
children: g
|
|
108
108
|
})]
|
|
109
109
|
})
|
|
110
|
-
}),
|
|
110
|
+
}), o(f, {
|
|
111
111
|
if: i === "start" || i === "center",
|
|
112
|
-
children:
|
|
113
|
-
className: m(l.carouselItemsContainer, l.carouselScroll,
|
|
112
|
+
children: o("div", {
|
|
113
|
+
className: m(l.carouselItemsContainer, l.carouselScroll, N),
|
|
114
114
|
ref: a,
|
|
115
|
-
children: c.map((e, r) =>
|
|
115
|
+
children: c.map((e, r) => o("div", {
|
|
116
116
|
className: l.carouselItem,
|
|
117
117
|
children: e
|
|
118
118
|
}, r))
|
|
119
119
|
})
|
|
120
|
-
}),
|
|
120
|
+
}), o(f, {
|
|
121
121
|
if: _("right"),
|
|
122
|
-
children:
|
|
122
|
+
children: o(O, {
|
|
123
123
|
onClick: X,
|
|
124
124
|
className: m(l.arrowRight, l.carouselArrow, t != null && t.showBorder ? l.arrowBorder : ""),
|
|
125
125
|
type: P.small,
|
|
126
126
|
color: "--n000",
|
|
127
127
|
hasCircle: !0,
|
|
128
|
-
fillColor: (t == null ? void 0 : t.color) ?? "rgba(
|
|
128
|
+
fillColor: (t == null ? void 0 : t.color) ?? "rgba(4, 5, 6, 0.7)",
|
|
129
129
|
circleSize: (t == null ? void 0 : t.circleSize) ?? 48,
|
|
130
130
|
style: {
|
|
131
131
|
"--arrow-hover-color": t == null ? void 0 : t.hoverColor
|
|
132
132
|
},
|
|
133
133
|
children: T.arrowRight
|
|
134
134
|
})
|
|
135
|
-
}),
|
|
136
|
-
if: D(z,
|
|
137
|
-
children:
|
|
135
|
+
}), o(f, {
|
|
136
|
+
if: D(z, b),
|
|
137
|
+
children: o("div", {
|
|
138
138
|
className: l.after
|
|
139
139
|
})
|
|
140
140
|
})]
|
package/dist/index-HSBChart.js
CHANGED
|
@@ -2,8 +2,8 @@ import { jsxs as C, jsx as i } from "react/jsx-runtime";
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
import { abbreviateNumber as $ } from "./index-round-number.js";
|
|
4
4
|
import { translationService as m } from "./index-translation.service.js";
|
|
5
|
-
import { BigLegend as
|
|
6
|
-
import { ChartsPlaceholder as
|
|
5
|
+
import { BigLegend as R } from "./index-BigLegend.js";
|
|
6
|
+
import { ChartsPlaceholder as v } from "./index-ChartsPlaceholder.js";
|
|
7
7
|
import { ComponentContainer as D } from "./index-ComponentContainer.js";
|
|
8
8
|
import { Render as I } from "./index-Render.js";
|
|
9
9
|
import "react";
|
|
@@ -12,20 +12,20 @@ const X = (n) => {
|
|
|
12
12
|
const {
|
|
13
13
|
series: d,
|
|
14
14
|
categories: h,
|
|
15
|
-
height:
|
|
16
|
-
showBigLegend:
|
|
17
|
-
renderBigLegendFn:
|
|
15
|
+
height: u = "250px",
|
|
16
|
+
showBigLegend: f,
|
|
17
|
+
renderBigLegendFn: c,
|
|
18
18
|
testId: b = "HSBChart_TestId",
|
|
19
19
|
isLoading: x,
|
|
20
20
|
showLegend: w,
|
|
21
|
-
isStacked:
|
|
21
|
+
isStacked: g = !0,
|
|
22
22
|
hasPercentageXaxis: p = !1
|
|
23
23
|
} = n, y = (e) => e.map((t) => (t.name = m.get(t.name).value, t)), L = (e) => e.map((t) => (t = m.get(t).value, t)), B = (e) => {
|
|
24
24
|
let t = [], o = !1;
|
|
25
25
|
return e.map((r) => {
|
|
26
26
|
r.data[0] == 0 && (o = !0);
|
|
27
27
|
}), e.length === 1 || o ? t = [8, 8] : t = [0, 8], t;
|
|
28
|
-
}, S = (e = n) =>
|
|
28
|
+
}, S = (e = n) => c ? c(e) : i(R, {
|
|
29
29
|
bigLegendData: ((o) => {
|
|
30
30
|
const r = [];
|
|
31
31
|
return o.forEach((s) => {
|
|
@@ -44,7 +44,7 @@ const X = (n) => {
|
|
|
44
44
|
testId: `${e.testId}_BigLegend`
|
|
45
45
|
}), k = {
|
|
46
46
|
chart: {
|
|
47
|
-
stacked:
|
|
47
|
+
stacked: g,
|
|
48
48
|
stackType: "100%",
|
|
49
49
|
toolbar: {
|
|
50
50
|
show: !1
|
|
@@ -54,7 +54,7 @@ const X = (n) => {
|
|
|
54
54
|
bar: {
|
|
55
55
|
horizontal: !0,
|
|
56
56
|
columnWidth: "100%",
|
|
57
|
-
borderRadius:
|
|
57
|
+
borderRadius: g ? B(d) : 4,
|
|
58
58
|
barHeight: "80%"
|
|
59
59
|
}
|
|
60
60
|
},
|
|
@@ -114,7 +114,7 @@ const X = (n) => {
|
|
|
114
114
|
},
|
|
115
115
|
grid: {
|
|
116
116
|
show: !0,
|
|
117
|
-
borderColor: "rgba(
|
|
117
|
+
borderColor: "rgba(4, 5, 6, 0.2)",
|
|
118
118
|
strokeDashArray: 6,
|
|
119
119
|
position: "front",
|
|
120
120
|
xaxis: {
|
|
@@ -153,13 +153,13 @@ const X = (n) => {
|
|
|
153
153
|
testId: b,
|
|
154
154
|
children: [i(I, {
|
|
155
155
|
if: x,
|
|
156
|
-
children: i(
|
|
157
|
-
}),
|
|
156
|
+
children: i(v, {})
|
|
157
|
+
}), f && S(n), i(j, {
|
|
158
158
|
type: "bar",
|
|
159
159
|
options: k,
|
|
160
160
|
series: y(d),
|
|
161
161
|
width: "100%",
|
|
162
|
-
height:
|
|
162
|
+
height: u
|
|
163
163
|
})]
|
|
164
164
|
});
|
|
165
165
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __exports as e } from "./index-
|
|
1
|
+
import { __exports as e } from "./index-_virtual31.js";
|
|
2
2
|
import f from "react";
|
|
3
3
|
import { __require as s } from "./index-LexicalLinkPlugin.js";
|
|
4
4
|
import { __require as m } from "./index-LexicalAutoLinkPlugin.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __exports as r } from "./index-
|
|
1
|
+
import { __exports as r } from "./index-_virtual32.js";
|
|
2
2
|
import { __require as p } from "./index-LexicalComposerContext2.js";
|
|
3
3
|
import { __require as h } from "./index-useLexicalTextEntity.js";
|
|
4
4
|
import P from "react";
|
package/dist/index-Link.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import { jsxs as h, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { classNames as N } from "./index-classNames.js";
|
|
3
3
|
import { Icon as i } from "./index-Icon.js";
|
|
4
|
-
import { IconNames as
|
|
5
|
-
import { Text as
|
|
4
|
+
import { IconNames as k } from "./index-IconNames.js";
|
|
5
|
+
import { Text as b } from "./index-Text.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import r from "./index-Link.module.scss.js";
|
|
8
8
|
const L = (s) => {
|
|
9
9
|
const {
|
|
10
|
-
href:
|
|
11
|
-
newTabIcon:
|
|
10
|
+
href: m,
|
|
11
|
+
newTabIcon: a,
|
|
12
12
|
iconLeft: f,
|
|
13
|
-
onClick:
|
|
13
|
+
onClick: l,
|
|
14
14
|
target: p = "_self",
|
|
15
|
-
color:
|
|
16
|
-
iconName:
|
|
15
|
+
color: t = "--p500",
|
|
16
|
+
iconName: c = k.newTab,
|
|
17
17
|
disabled: o,
|
|
18
18
|
...d
|
|
19
|
-
} = s, e = () => o ? "--n300" :
|
|
19
|
+
} = s, e = () => o ? "--n300" : t || "--p500";
|
|
20
20
|
return h("a", {
|
|
21
|
-
href:
|
|
21
|
+
href: m,
|
|
22
22
|
target: p,
|
|
23
23
|
className: N(r.link, o ? r.disabled : ""),
|
|
24
24
|
rel: "noreferrer",
|
|
25
25
|
role: "link",
|
|
26
|
-
onClick: (
|
|
27
|
-
|
|
26
|
+
onClick: (u) => {
|
|
27
|
+
l && !o && l();
|
|
28
28
|
},
|
|
29
29
|
children: [f && n(i, {
|
|
30
30
|
color: e(),
|
|
31
31
|
className: r.icon,
|
|
32
|
-
children:
|
|
33
|
-
}), n(
|
|
32
|
+
children: c
|
|
33
|
+
}), n(b, {
|
|
34
34
|
color: e(),
|
|
35
35
|
...d
|
|
36
|
-
}),
|
|
36
|
+
}), a && n(i, {
|
|
37
37
|
color: e(),
|
|
38
38
|
className: r.icon,
|
|
39
|
-
children:
|
|
39
|
+
children: c
|
|
40
40
|
})]
|
|
41
41
|
});
|
|
42
42
|
};
|