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

package/Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-3da25a36]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-3da25a36]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-3da25a36]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-3da25a36]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-3da25a36]{border-left:1px solid var(--common-divider)}

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css

@@ -0,0 +1 @@
+.chart-trend[data-v-2f916aeb]{display:flex;color:var(--text-secondary)}.chart-trend--up[data-v-2f916aeb]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-2f916aeb]{color:var(--success-darker)}.chart-trend--down[data-v-2f916aeb]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-2f916aeb]{color:var(--error-dark)}.chart-trend--neutral[data-v-2f916aeb],.chart-trend--neutral .trend-icon[data-v-2f916aeb]{color:var(--text-secondary)}.trend-icon[data-v-2f916aeb]{display:flex;align-self:normal}.chart-trend-tooltip[data-v-2f916aeb]{align-items:normal}.trend-tooltip[data-v-2f916aeb]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-2f916aeb]{margin-bottom:.375rem}.trend-tooltip__text[data-v-2f916aeb]{color:var(--text-secondary)}.separator[data-v-2f916aeb]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-2f916aeb]{display:block;color:var(--text-secondary)}.separator hr[data-v-2f916aeb]{width:100%;height:1px;border:0;background:var(--common-divider)}

package/ChartPlane.vue_vue_type_style_index_0_scoped_f871962e_lang.css

@@ -0,0 +1 @@
+.chart-plane-container[data-v-f871962e]{--headerHeight: var(--019b28ee);width:100%;height:var(--8d0b964e);position:relative}.header-wrapper[data-v-f871962e]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-f871962e]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-f871962e]{background:var(--background-paper)}.chart[data-v-f871962e]{width:100%;height:100%;position:relative}.chart__canvas[data-v-f871962e]{width:100%;height:100%}.chart__tooltip[data-v-f871962e]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/DataGrid.vue_vue_type_style_index_0_scoped_36ec94a7_lang.css

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

package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css

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

package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css

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

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css

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

package/RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css

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

package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css

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

package/components/chart/Chart.vue.d.ts

@@ -19,6 +19,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipOrder?: TooltipOrder;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
     header?: string;
     subheader?: string;
     subheaderTooltip?: {
@@ -66,8 +68,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     tooltipOrder: TooltipOrder;
+    tooltipExcludeTotalItem: boolean;
     valueSuffix: string;
     valuePrefix: string;
+    indicateIncompleteData: boolean;
     header: string;
     subheader: string;
     subheaderTooltip: any;
@@ -114,6 +118,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipOrder?: TooltipOrder;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
     header?: string;
     subheader?: string;
     subheaderTooltip?: {
@@ -161,8 +167,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     tooltipOrder: TooltipOrder;
+    tooltipExcludeTotalItem: boolean;
     valueSuffix: string;
     valuePrefix: string;
+    indicateIncompleteData: boolean;
     header: string;
     subheader: string;
     subheaderTooltip: any;
@@ -227,6 +235,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     tooltipOrder: TooltipOrder;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
     fullHeight: boolean;
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
 /* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fa533a3d"]]);
+// import "../../Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-3da25a36"]]);
 export {
   s as default
 };

package/components/chart/Chart.vue2.js

@@ -1,8 +1,8 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
-import { useVModel as V } from "@vueuse/core";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css"; import { defineComponent as P, ref as U, computed as n, openBlock as d, createElementBlock as m, Fragment as I, createBlock as C, unref as i, isRef as b, withCtx as s, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as y, normalizeClass as O, createVNode as L, createSlots as N, renderList as M } from "vue";
+import { useVModel as B } from "@vueuse/core";
 import $ from "./ChartLegend.vue.js";
 import K from "./SettingsHeader.vue.js";
-import A from "./ChartPlane.vue.js";
+import V from "./ChartPlane.vue.js";
 import { useColorsMap as z } from "./composables/useColorsMap.js";
 import { DEFAULT_TICK_COUNT as R, DEFAULT_MIN_VISIBLE as X, DEFAULT_MAX_VISIBLE as Y } from "./consts.js";
 import { ChartType as j, DateInterval as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
@@ -11,7 +11,7 @@ import { TotalType as W, calculateTotal as Z } from "../../utils/totals.js";
 const _ = {
   key: 0,
   class: "chart-sidebar"
-}, ue = /* @__PURE__ */ U({
+}, ue = /* @__PURE__ */ P({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
@@ -32,6 +32,8 @@ const _ = {
     tooltipOrder: { default: G.Legend },
     valueSuffix: { default: "" },
     valuePrefix: { default: "" },
+    indicateIncompleteData: { type: Boolean, default: !1 },
+    tooltipExcludeTotalItem: { type: Boolean, default: !1 },
     header: { default: "" },
     subheader: { default: "" },
     subheaderTooltip: { default: null },
@@ -58,7 +60,7 @@ const _ = {
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
   setup(a, { emit: p }) {
-    const e = a, r = V(e, "chartType", p), c = V(e, "sortSelected", p), f = O(null), y = n(() => ({
+    const e = a, r = B(e, "chartType", p), c = B(e, "sortSelected", p), f = U(null), T = n(() => ({
       dataSets: e.dataSets,
       visibleIds: e.visibleIds,
       parsing: e.parsing,
@@ -77,7 +79,7 @@ const _ = {
       noDataSubtitle: e.noDataSubtitle,
       withAnimation: e.withAnimation,
       typeSwitcher: !e.withSettingsHeader,
-      height: P.value,
+      height: E.value,
       compactHeader: x.value > 1,
       trendValue: e.trendValue,
       trendDirection: e.trendDirection,
@@ -91,10 +93,12 @@ const _ = {
       tooltipOrder: e.tooltipOrder,
       highlightedId: f.value,
       valueSuffix: e.valueSuffix,
-      valuePrefix: e.valuePrefix
-    })), B = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: h } = z({
-      dataSets: B,
-      visibleIds: T,
+      valuePrefix: e.valuePrefix,
+      indicateIncompleteData: e.indicateIncompleteData,
+      tooltipExcludeTotalItem: e.tooltipExcludeTotalItem
+    })), A = n(() => e.dataSets), g = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: h } = z({
+      dataSets: A,
+      visibleIds: g,
       variant: e.colorVariant
     }), w = n(() => e.dataSets.map((t) => ({
       id: t.id,
@@ -103,63 +107,63 @@ const _ = {
       color: h.value[t.id] || null,
       icon: t.icon || null,
       iconType: t.iconType || "branded"
-    }))), { containerProps: H, eachPlaneHeight: P } = Q({
+    }))), { containerProps: H, eachPlaneHeight: E } = Q({
       chartPlanesCount: x,
       useFullHeight: e.fullHeight,
       bottomSpacing: e.fullHeightBottomSpacing
     });
-    return (t, o) => (s(), m(C, null, [
-      a.withSettingsHeader ? (s(), I(K, {
+    return (t, o) => (d(), m(I, null, [
+      a.withSettingsHeader ? (d(), C(K, {
         key: 0,
         "chart-type": i(r),
         "onUpdate:chart-type": o[0] || (o[0] = (l) => b(r) ? r.value = l : null),
         "hide-legend": a.hideLegend
       }, {
-        "before-chart-type": d(() => [
+        "before-chart-type": s(() => [
           u(t.$slots, "before-chart-type", {}, void 0, !0)
         ]),
-        metric: d(() => [
+        metric: s(() => [
           u(t.$slots, "metric", {}, void 0, !0)
         ]),
-        breakdowns: d(() => [
+        breakdowns: s(() => [
           u(t.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : D("", !0),
-      k("div", g({ class: "chart-container" }, i(H)), [
+      k("div", y({ class: "chart-container" }, i(H)), [
         k("section", {
-          class: E(["chart-planes", [{ "with-legend": !a.hideLegend }]])
+          class: O(["chart-planes", [{ "with-legend": !a.hideLegend }]])
         }, [
-          L(A, g({
+          L(V, y({
             "chart-type": i(r),
             "onUpdate:chart-type": o[1] || (o[1] = (l) => b(r) ? r.value = l : null)
-          }, i(y)), N({ _: 2 }, [
+          }, i(T)), N({ _: 2 }, [
             t.$slots["subheader-tooltip"] ? {
               name: "subheader-tooltip",
-              fn: d(() => [
+              fn: s(() => [
                 u(t.$slots, "subheader-tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (s(!0), m(C, null, M(a.extraCharts, (l, S) => (s(), I(A, g({
+          (d(!0), m(I, null, M(a.extraCharts, (l, S) => (d(), C(V, y({
             key: S,
             class: "extra-chart-plane"
-          }, { ...i(y), ...l }, {
+          }, { ...i(T), ...l }, {
             "chart-type": i(r),
             "colors-map": i(h),
             "type-switcher": !1,
             "tooltip-respects-top-edge": !F(S)
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
         ], 2),
-        a.hideLegend ? D("", !0) : (s(), m("section", _, [
+        a.hideLegend ? D("", !0) : (d(), m("section", _, [
           L($, {
             "sort-selected": i(c),
             "onUpdate:sort-selected": o[2] || (o[2] = (l) => b(c) ? c.value = l : null),
             "highlighted-id": f.value,
             "onUpdate:highlighted-id": o[3] || (o[3] = (l) => f.value = l),
             items: i(w),
-            "visible-ids": i(T),
+            "visible-ids": i(g),
             "max-limit-tooltip-text": a.maxLimitTooltipText,
             "sort-options": a.sortOptions,
             "sort-option-name-key": a.sortOptionNameKey,

package/components/chart/ChartHeaderTrend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeaderTrend.vue2.js";
 /* empty css                       */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-db8a902c"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2f916aeb"]]);
 export {
   a as default
 };

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,54 +1,56 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; import { defineComponent as f, computed as v, openBlock as r, createElementBlock as p, normalizeClass as y, createVNode as u, unref as t, withCtx as o, createElementVNode as s, createBlock as d, createTextVNode as a, toDisplayString as i, createCommentVNode as n, pushScopeId as g, popScopeId as C } from "vue";
-import l from "../typography/v4/Typography.vue.js";
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css"; import { defineComponent as g, computed as p, openBlock as n, createElementBlock as m, normalizeClass as y, createVNode as l, unref as t, withCtx as o, createElementVNode as u, createBlock as s, createTextVNode as a, toDisplayString as d, createCommentVNode as c, pushScopeId as C, popScopeId as _ } from "vue";
+import i from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import k from "../tooltip/v4/TooltipV4.vue.js";
-import { TrendDirection as m } from "./types.js";
-const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
+import x from "../tooltip/v4/TooltipV4.vue.js";
+import { TrendDirection as h } from "./types.js";
+const f = (e) => (C("data-v-2f916aeb"), e = e(), _(), e), k = { class: "trend-tooltip" }, N = {
   key: 2,
   class: "separator"
-}, P = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), L = /* @__PURE__ */ f({
+}, I = /* @__PURE__ */ f(() => /* @__PURE__ */ u("hr", null, null, -1)), P = /* @__PURE__ */ f(() => /* @__PURE__ */ u("hr", null, null, -1)), U = /* @__PURE__ */ g({
   __name: "ChartHeaderTrend",
   props: {
     value: { default: null },
-    direction: { default: m.UP },
+    direction: { default: h.UP },
     trendTooltip: { default: null }
   },
   setup(e) {
-    const c = e, T = v(
-      () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
+    const r = e, T = p(
+      () => r.trendTooltip?.header || r.trendTooltip?.rangeCurrent || r.trendTooltip?.rangePrevious
+    ), v = p(
+      () => r.direction === h.NEUTRAL ? "minus" : `arrow-${r.direction}`
     );
-    return (I, S) => (r(), p("div", {
+    return (S, V) => (n(), m("div", {
       class: y(["chart-trend", [`chart-trend--${e.direction}`]])
     }, [
-      u(t(k), {
+      l(t(x), {
         disabled: !t(T)
       }, {
         tooltip: o(() => [
-          s("div", x, [
-            e.trendTooltip?.header ? (r(), d(t(l), {
+          u("div", k, [
+            e.trendTooltip?.header ? (n(), s(t(i), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
             }, {
               default: o(() => [
-                a(i(e.trendTooltip.header), 1)
+                a(d(e.trendTooltip.header), 1)
               ]),
               _: 1
-            })) : n("", !0),
-            e.trendTooltip?.rangeCurrent ? (r(), d(t(l), {
+            })) : c("", !0),
+            e.trendTooltip?.rangeCurrent ? (n(), s(t(i), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                a(i(e.trendTooltip.rangeCurrent), 1)
+                a(d(e.trendTooltip.rangeCurrent), 1)
               ]),
               _: 1
-            })) : n("", !0),
-            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", N, [
-              P,
-              u(t(l), {
+            })) : c("", !0),
+            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (n(), m("div", N, [
+              I,
+              l(t(i), {
                 class: "separator__text",
                 variant: "caption"
               }, {
@@ -57,31 +59,30 @@ const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-to
                 ]),
                 _: 1
               }),
-              _
-            ])) : n("", !0),
-            e.trendTooltip?.rangePrevious ? (r(), d(t(l), {
+              P
+            ])) : c("", !0),
+            e.trendTooltip?.rangePrevious ? (n(), s(t(i), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                a(i(e.trendTooltip.rangePrevious), 1)
+                a(d(e.trendTooltip.rangePrevious), 1)
               ]),
               _: 1
-            })) : n("", !0)
+            })) : c("", !0)
           ])
         ]),
         default: o(() => [
-          e.direction !== t(m).NEUTRAL ? (r(), d(t(b), {
-            key: 0,
+          l(t(b), {
             class: "trend-icon",
             type: "bold",
-            name: `arrow-${e.direction}`,
+            name: t(v),
             size: "15px"
-          }, null, 8, ["name"])) : n("", !0),
-          u(t(l), { variant: "chipLabel" }, {
+          }, null, 8, ["name"]),
+          l(t(i), { variant: "chipLabel" }, {
             default: o(() => [
-              a(i(e.value), 1)
+              a(d(e.value), 1)
             ]),
             _: 1
           })
@@ -92,5 +93,5 @@ const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-to
   }
 });
 export {
-  L as default
+  U as default
 };

package/components/chart/ChartPlane.vue.d.ts

@@ -43,6 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: Record<string, string>;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -79,6 +81,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: () => {};
     valueSuffix: string;
     valuePrefix: string;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -124,6 +128,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: Record<string, string>;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -160,6 +166,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: () => {};
     valueSuffix: string;
     valuePrefix: string;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
 }>>> & {
     "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {
@@ -198,6 +206,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     tooltipOrder: TooltipOrder;
     colorsMap: Record<string, string>;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
 }>, {
     "subheader-tooltip"?(_: {}): any;
 }>;

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
-import o from "./ChartPlane.vue2.js";
-/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4f67d41d"]]);
+import e from "./ChartPlane.vue2.js";
+/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_f871962e_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f871962e"]]);
 export {
   a as default
 };