@ironsource/shared-ui 2.1.12-rc.16 → 2.1.12-rc.18

package/components/chart/ChartPlane.vue2.js

@@ -1,40 +1,46 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css"; import { defineComponent as ot, useCssVars as lt, unref as d, computed as l, ref as k, onMounted as rt, watch as v, nextTick as it, openBlock as y, createElementBlock as nt, createElementVNode as T, createVNode as st, isRef as ct, createSlots as dt, withCtx as ut, renderSlot as pt, normalizeStyle as ft, createBlock as S, createCommentVNode as N } from "vue";
-import { Chart as P, ArcElement as ht, LineElement as mt, BarElement as vt, PointElement as yt, LineController as Tt, BarController as Ct, PieController as gt, ScatterController as bt, CategoryScale as kt, LinearScale as St, Filler as At, Tooltip as xt } from "chart.js";
-import { HoverVerticalLine as Et } from "./plugins/HoverVerticalLine.js";
-import { prepareTickLabel as Lt, formatValue as Rt, calcStepSize as Bt } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as Dt, TOTALS_HELPER_KEY as F, BASE_COLOR_KEY as _, CHART_PADDING as A, POINT_BORDER_COLOR as Ot, TICK_LABEL_COLOR as K, TICK_LABEL_FONT as M, TICKS_EXTRA_PADDING as Ht, GRID_LINE_COLOR as z, HEADER_HEIGHT as wt, COMPACT_HEADER_HEIGHT as Vt, HOVER_AREA_TRANSPARENCY as It, HOVER_TRANSPARENCY as C } from "./consts.js";
-import { ChartType as s } from "./types.js";
-import { useTooltipPosition as Nt } from "./composables/useTooltipPosition.js";
-import Pt from "./ChartTooltip.vue.js";
-import { hexColorToRgba as u } from "../../utils/color.js";
-import { useChartValues as Ft } from "./composables/useChartValues.js";
-import _t from "./ChartHeader.vue.js";
-import { useMemoize as Kt, useVModel as Mt } from "@vueuse/core";
-import zt from "../emptyState/v4/EmptyStateV4.vue.js";
-import Ut from "./ChartLoader.vue.js";
-import { DEFAULT_CHART_COLOR as Gt } from "./colorPalette.js";
-import { TotalType as U, calculateTotal as Yt } from "../../utils/totals.js";
-import { isNullOrUndefined as $t } from "../../utils/utils.js";
-import { storeOriginalDatasetColors as Wt, restoreOriginalDatasetColors as Zt } from "./utils/highlightUtils.js";
-const Xt = {
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_fc79a730_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as k, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as x, createVNode as ce, isRef as de, createSlots as ue, withCtx as pe, renderSlot as fe, createCommentVNode as A, createElementVNode as S, normalizeStyle as he, createBlock as L } from "vue";
+import { Chart as F, ArcElement as me, LineElement as ve, BarElement as ye, PointElement as Te, LineController as Ce, BarController as ge, PieController as be, ScatterController as ke, CategoryScale as xe, LinearScale as Ae, Filler as Se, Tooltip as Le } from "chart.js";
+import { HoverVerticalLine as Ee } from "./plugins/HoverVerticalLine.js";
+import { prepareTickLabel as Re, formatValue as Be, calcStepSize as De } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as Oe, TOTALS_HELPER_KEY as _, BASE_COLOR_KEY as K, CHART_PADDING as E, POINT_BORDER_COLOR as Ie, TICK_LABEL_COLOR as M, TICK_LABEL_FONT as U, TICKS_EXTRA_PADDING as He, GRID_LINE_COLOR as z, HEADER_HEIGHT as Ve, COMPACT_HEADER_HEIGHT as we, HOVER_AREA_TRANSPARENCY as Ne, HOVER_TRANSPARENCY as C } from "./consts.js";
+import { ChartType as c, DateInterval as Pe, TooltipOrder as Y, TrendDirection as Fe } from "./types.js";
+import { useTooltipPosition as _e } from "./composables/useTooltipPosition.js";
+import Ke from "./ChartTooltip.vue.js";
+import { hexColorToRgba as f } from "../../utils/color.js";
+import { useChartValues as Me } from "./composables/useChartValues.js";
+import Ue from "./ChartHeader.vue.js";
+import { useMemoize as ze, useVModel as Ye } from "@vueuse/core";
+import Ge from "../emptyState/v4/EmptyStateV4.vue.js";
+import $e from "./ChartLoader.vue.js";
+import { DEFAULT_CHART_COLOR as We } from "./colorPalette.js";
+import { TotalType as G, calculateTotal as Ze } from "../../utils/totals.js";
+import { isNullOrUndefined as Xe } from "../../utils/utils.js";
+import { storeOriginalDatasetColors as je, restoreOriginalDatasetColors as qe } from "./utils/highlightUtils.js";
+const Je = { class: "chart-plane-container" }, Qe = {
   key: 0,
+  class: "header-wrapper"
+}, et = {
+  key: 1,
   class: "chart-plane"
-}, jt = { class: "header-wrapper" }, qt = { class: "chart" }, ve = /* @__PURE__ */ ot({
+}, tt = { class: "chart" }, gt = /* @__PURE__ */ re({
   __name: "ChartPlane",
   props: {
     dataSets: { default: () => [] },
     visibleIds: { default: () => [] },
     highlightedId: { default: null },
-    chartType: { default: s.Line },
+    chartType: { default: c.Line },
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: Dt },
+    xAxisDateInterval: { default: Pe.DAILY },
+    tickCount: { default: Oe },
     truncateTickLabels: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
     subheaderTooltip: { default: null },
+    keepSubheaderVisible: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
+    empty: { type: Boolean, default: !1 },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
@@ -43,73 +49,74 @@ const Xt = {
     height: { default: "100%" },
     compactHeader: { type: Boolean, default: !1 },
     tooltipRespectsTopEdge: { type: Boolean, default: !0 },
-    tooltipTotalType: { default: U.Total },
-    tooltipTotalCalcFn: { type: Function, default: Yt },
+    tooltipTotalType: { default: G.Total },
+    tooltipTotalCalcFn: { type: Function, default: Ze },
+    tooltipOrder: { default: Y.Legend },
     trendValue: { default: null },
-    trendDirection: { default: "up" },
+    trendDirection: { default: Fe.UP },
     trendTooltip: { default: null },
     totalsChart: { type: Boolean, default: !1 },
     colorsMap: { default: () => ({}) }
   },
   emits: ["update:chartType"],
-  setup(o, { emit: G }) {
-    const t = o;
-    lt((e) => ({
-      "2e8f327a": d(Q),
-      f7b2eb36: o.height
+  setup(o, { emit: $ }) {
+    const e = o;
+    ie((t) => ({
+      "498cf638": s(te),
+      b6d23262: o.height
     }));
-    const Y = Kt(Lt);
-    P.register(
-      ht,
-      mt,
-      vt,
-      yt,
-      Tt,
-      Ct,
-      gt,
-      bt,
-      kt,
-      St,
-      At,
-      xt,
-      Et
+    const W = ze(Re);
+    F.register(
+      me,
+      ve,
+      ye,
+      Te,
+      Ce,
+      ge,
+      be,
+      ke,
+      xe,
+      Ae,
+      Se,
+      Le,
+      Ee
     );
-    const g = Mt(t, "chartType", G), $ = l(
-      () => t.withAnimation ? "" : "none"
-    ), f = k(null);
-    let r = null;
-    const x = l(() => t.dataSets.length === 0), E = l(() => !t.loading && !x.value), b = () => {
-      f.value && (r && r.destroy(), r = new P(f.value, O.value));
-    }, W = () => {
-      r && (r.data.datasets = D.value, r.options = O.value.options, r.update($.value));
+    const g = Ye(e, "chartType", $), Z = l(
+      () => e.withAnimation ? "" : "none"
+    ), m = k(null);
+    let n = null;
+    const R = l(() => e.empty || e.dataSets.length === 0), u = l(() => !e.loading && !R.value), b = () => {
+      m.value && (n && n.destroy(), n = new F(m.value, H.value));
+    }, X = () => {
+      n && (n.data.datasets = I.value, n.options = H.value.options, n.update(Z.value));
     };
-    rt(b), v(() => t.chartType, b), v(E, async (e) => {
-      e && (await it(), b());
-    }), v([() => t.visibleIds, () => t.dataSets], W);
-    const p = l(() => t.totalsChart), h = l(
-      () => t.chartType === s.StackedLine || t.chartType === s.StackedBar || p.value
-    ), L = l(
-      () => t.chartType === s.Line || t.chartType === s.StackedLine
-    ), R = l(() => p.value && !t.parsing.xAxisKey ? { ...t.parsing, xAxisKey: F } : t.parsing), Z = l(() => p.value ? t.dataSets.map((e) => ({
-      ...e,
-      data: e.data.map((n) => ({
-        ...n,
-        [F]: e.label
+    ne(b), T(() => e.chartType, b), T(u, async (t) => {
+      t && (await se(), b());
+    }), T([() => e.visibleIds, () => e.dataSets], X);
+    const h = l(() => e.totalsChart), v = l(
+      () => e.chartType === c.StackedLine || e.chartType === c.StackedBar || h.value
+    ), B = l(
+      () => e.chartType === c.Line || e.chartType === c.StackedLine
+    ), D = l(() => h.value && !e.parsing.xAxisKey ? { ...e.parsing, xAxisKey: _ } : e.parsing), j = l(() => h.value ? e.dataSets.map((t) => ({
+      ...t,
+      data: t.data.map((i) => ({
+        ...i,
+        [_]: t.label
       }))
-    })) : t.dataSets), m = l(
-      () => Z.value.filter((e) => t.visibleIds.includes(e.id))
-    ), X = (e) => t.colorsMap[e] || Gt, B = l(
-      () => m.value.length && m.value.every(
-        (e) => e.data.length === 1
+    })) : e.dataSets), y = l(
+      () => j.value.filter((t) => e.visibleIds.includes(t.id))
+    ), q = (t) => e.colorsMap[t] || We, O = l(
+      () => y.value.length && y.value.every(
+        (t) => t.data.length === 1
       )
-    ), D = l(() => m.value.map((e, n) => {
-      const a = X(e.id), i = h.value ? n !== 0 ? "-1" : "start" : void 0;
+    ), I = l(() => y.value.map((t, i) => {
+      const a = q(t.id), r = v.value ? i !== 0 ? "-1" : "start" : void 0;
       return {
-        ...e,
-        fill: i,
-        backgroundColor: u(
+        ...t,
+        fill: r,
+        backgroundColor: f(
           a,
-          t.chartType === s.StackedLine ? 10 : 70
+          e.chartType === c.StackedLine ? 10 : 70
         ),
         borderColor: a,
         pointBackgroundColor: a,
@@ -117,229 +124,237 @@ const Xt = {
         maxBarThickness: 50,
         clip: 5,
         // draw a bit outside the chart area
-        icon: e.icon || null,
-        iconType: e.iconType || "branded",
-        [_]: a
+        icon: t.icon || null,
+        iconType: t.iconType || "branded",
+        [K]: a
         // store base color for later use
       };
-    })), j = l(
-      () => t.tooltipTotalType === U.Total ? "Total" : "Mean"
-    ), O = l(
-      () => ({
-        type: t.chartType == s.Bar || t.chartType === s.StackedBar ? "bar" : "line",
-        // Chart Data
-        data: {
-          datasets: D.value
+    })), J = l(
+      () => e.tooltipTotalType === G.Total ? "Total" : "Mean"
+    ), H = l(() => ({
+      type: e.chartType == c.Bar || e.chartType === c.StackedBar ? "bar" : "line",
+      // Chart Data
+      data: {
+        datasets: I.value
+      },
+      // Chart Options
+      options: {
+        parsing: D.value,
+        interaction: {
+          intersect: !1,
+          mode: h.value ? "point" : "index",
+          axis: "x"
         },
-        // Chart Options
-        options: {
-          parsing: R.value,
-          interaction: {
-            intersect: !1,
-            mode: p.value ? "point" : "index",
-            axis: "x"
-          },
-          // plugins
-          plugins: {
-            legend: { display: !1 },
-            title: { display: !1 },
-            hoverVerticalLine: L.value,
-            // tooltip
-            tooltip: {
-              enabled: !1,
-              position: "average",
-              external: ({ tooltip: e }) => {
-                c.value = { ...e };
-              },
-              callbacks: {
-                footer: (e) => {
-                  const n = e.map((i) => i.parsed.y || 0), a = t.tooltipTotalCalcFn(
-                    n,
-                    t.tooltipTotalType
-                  );
-                  return [j.value, String(a)];
-                }
+        // plugins
+        plugins: {
+          legend: { display: !1 },
+          title: { display: !1 },
+          hoverVerticalLine: B.value,
+          // tooltip
+          tooltip: {
+            enabled: !1,
+            position: "average",
+            external: ({ tooltip: t }) => {
+              d.value = { ...t };
+            },
+            callbacks: {
+              footer: (t) => {
+                const i = t.map((r) => r.parsed.y || 0), a = e.tooltipTotalCalcFn(
+                  i,
+                  e.tooltipTotalType
+                );
+                return [J.value, String(a)];
+              }
+            },
+            itemSort: (t, i) => {
+              if (e.tooltipOrder === Y.YAxis) {
+                const a = t.parsed.y || 0, r = i.parsed.y || 0;
+                return a === r ? 0 : a > r ? -1 : 1;
               }
+              return 0;
             }
+          }
+        },
+        // chart layout
+        responsive: !0,
+        maintainAspectRatio: !1,
+        layout: {
+          padding: E
+        },
+        // basic styles
+        elements: {
+          line: {
+            borderWidth: 2,
+            tension: 0.3
           },
-          // chart layout
-          responsive: !0,
-          maintainAspectRatio: !1,
-          layout: {
-            padding: A
+          point: {
+            radius: O.value ? 3 : 1,
+            hitRadius: 8,
+            borderWidth: 0,
+            hoverRadius: 4,
+            hoverBorderWidth: 2,
+            pointHoverBackgroundColor: Ie
           },
-          // basic styles
-          elements: {
-            line: {
-              borderWidth: 2,
-              tension: 0.3
-            },
-            point: {
-              radius: B.value ? 3 : 1,
-              hitRadius: 8,
-              borderWidth: 0,
-              hoverRadius: 4,
-              hoverBorderWidth: 2,
-              pointHoverBackgroundColor: Ot
+          bar: {
+            borderRadius: 4
+          }
+        },
+        scales: {
+          // Horizontal Axis (X)
+          x: {
+            beginAtZero: !0,
+            offset: !B.value || O.value,
+            border: { display: !1 },
+            stacked: v.value,
+            // stack on top of each other
+            // ticks
+            ticks: {
+              color: M,
+              font: U,
+              padding: 4,
+              callback: function(t, i, a) {
+                const r = this.getLabelForValue(t), le = this.chart.width / a.length - (E.left + E.right + He);
+                return W({
+                  label: r,
+                  format: e.xAxisFormat,
+                  availableSpace: le,
+                  truncate: e.truncateTickLabels
+                });
+              }
             },
-            bar: {
-              borderRadius: 4
+            // grid lines
+            grid: {
+              color: z,
+              drawOnChartArea: !1,
+              drawTicks: !0,
+              drawBorder: !1,
+              tickLength: 7
             }
           },
-          scales: {
-            // Horizontal Axis (X)
-            x: {
-              beginAtZero: !0,
-              offset: !L.value || B.value,
-              border: { display: !1 },
-              stacked: h.value,
-              // stack on top of each other
-              // ticks
-              ticks: {
-                color: K,
-                font: M,
-                padding: 4,
-                callback: function(e, n, a) {
-                  const i = this.getLabelForValue(e), at = this.chart.width / a.length - (A.left + A.right + Ht);
-                  return Y({
-                    label: i,
-                    format: t.xAxisFormat,
-                    availableSpace: at,
-                    truncate: t.truncateTickLabels
-                  });
-                }
-              },
-              // grid lines
-              grid: {
-                color: z,
-                drawOnChartArea: !1,
-                drawTicks: !0,
-                drawBorder: !1,
-                tickLength: 7
-              }
+          // Vertical Axis (Y)
+          y: {
+            beginAtZero: !0,
+            border: { display: !1 },
+            // hide left borderline
+            stacked: v.value,
+            // stack on top of each other
+            // ticks
+            ticks: {
+              color: M,
+              font: U,
+              padding: 8,
+              stepSize: P.value,
+              min: N.value,
+              max: P.value * e.tickCount,
+              callback: (t) => Be(t, e.yAxisFormat)
             },
-            // Vertical Axis (Y)
-            y: {
-              beginAtZero: !0,
-              border: { display: !1 },
-              // hide left borderline
-              stacked: h.value,
-              // stack on top of each other
-              // ticks
-              ticks: {
-                color: K,
-                font: M,
-                padding: 8,
-                stepSize: I.value,
-                min: V.value,
-                max: I.value * t.tickCount,
-                callback: (e) => Rt(e, t.yAxisFormat)
-              },
-              // grid lines
-              grid: {
-                color: z,
-                drawOnChartArea: !0,
-                drawTicks: !1
-              }
+            // grid lines
+            grid: {
+              color: z,
+              drawOnChartArea: !0,
+              drawTicks: !1
             }
           }
         }
-      })
-    ), H = k(null), c = k(null), { position: w } = Nt(
-      f,
-      H,
-      c,
-      t.tooltipRespectsTopEdge
-    ), q = l(() => ({
+      }
+    })), V = k(null), d = k(null), { position: w } = _e(
+      m,
+      V,
+      d,
+      e.tooltipRespectsTopEdge
+    ), Q = l(() => ({
       left: `${w.value.left}px`,
       top: `${w.value.top}px`,
-      opacity: c.value?.opacity || 0
-    })), { minValue: V, maxValue: J } = Ft({
-      parsingConfig: R.value,
-      dataSets: m,
-      isStacked: h
-    }), I = l(
-      () => Bt(V.value, J.value, t.tickCount)
-    ), Q = l(
-      () => (t.compactHeader ? Vt : wt) + "px"
+      opacity: d.value?.opacity || 0
+    })), { minValue: N, maxValue: ee } = Me({
+      parsingConfig: D.value,
+      dataSets: y,
+      isStacked: v
+    }), P = l(
+      () => De(N.value, ee.value, e.tickCount)
+    ), te = l(
+      () => (e.compactHeader ? we : Ve) + "px"
     );
-    v(
-      () => t.highlightedId,
-      (e) => {
-        r && ($t(e) ? et() : tt(e), r.update());
+    T(
+      () => e.highlightedId,
+      (t) => {
+        n && (Xe(t) ? oe() : ae(t), n.update());
       }
     );
-    const tt = (e) => {
-      (r?.data.datasets || []).forEach((a) => {
-        Wt(a);
-        const i = a[_];
-        a.id === e ? t.chartType === s.StackedLine && (a.backgroundColor = u(
-          i,
-          It
-        )) : (a.backgroundColor = u(i, C), a.borderColor = u(i, C), a.pointBackgroundColor = u(i, C), a.pointHoverBorderColor = u(i, C));
+    const ae = (t) => {
+      (n?.data.datasets || []).forEach((a) => {
+        je(a);
+        const r = a[K];
+        a.id === t ? e.chartType === c.StackedLine && (a.backgroundColor = f(
+          r,
+          Ne
+        )) : (a.backgroundColor = f(r, C), a.borderColor = f(r, C), a.pointBackgroundColor = f(r, C), a.pointHoverBorderColor = f(r, C));
       });
-    }, et = () => {
-      (r?.data.datasets || []).forEach(Zt);
+    }, oe = () => {
+      (n?.data.datasets || []).forEach(qe);
     };
-    return (e, n) => d(E) ? (y(), nt("section", Xt, [
-      T("div", jt, [
-        st(_t, {
-          "chart-type": d(g),
-          "onUpdate:chart-type": n[0] || (n[0] = (a) => ct(g) ? g.value = a : null),
-          "type-switcher": o.typeSwitcher,
-          header: o.header,
+    return (t, i) => (p(), x("div", Je, [
+      s(u) || o.keepSubheaderVisible ? (p(), x("div", Qe, [
+        ce(Ue, {
+          "chart-type": s(g),
+          "onUpdate:chart-type": i[0] || (i[0] = (a) => de(g) ? g.value = a : null),
+          "type-switcher": s(u) ? o.typeSwitcher : !1,
+          header: s(u) ? o.header : null,
           subheader: o.subheader,
           "subheader-tooltip": o.subheaderTooltip,
           "trend-tooltip": o.trendTooltip,
           compact: o.compactHeader,
-          "trend-value": o.trendValue,
+          "trend-value": s(u) ? o.trendValue : null,
           "trend-direction": o.trendDirection
-        }, dt({ _: 2 }, [
-          e.$slots["subheader-tooltip"] ? {
+        }, ue({ _: 2 }, [
+          t.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: ut(() => [
-              pt(e.$slots, "subheader-tooltip", {}, void 0, !0)
+            fn: pe(() => [
+              fe(t.$slots, "subheader-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction"])
-      ]),
-      T("div", qt, [
-        T("canvas", {
-          ref_key: "chartRef",
-          ref: f,
-          class: "chart__canvas"
-        }, null, 512),
-        T("div", {
-          ref_key: "tooltipRef",
-          ref: H,
-          class: "chart__tooltip",
-          style: ft(d(q))
-        }, [
-          c.value ? (y(), S(Pt, {
-            key: 0,
-            "totals-chart": d(p),
-            title: String(c.value.title),
-            "data-points": c.value.dataPoints,
-            "x-axis-format": o.xAxisFormat,
-            "y-axis-format": o.yAxisFormat,
-            "total-label": c.value.footer[0],
-            "total-value": Number(c.value.footer[1])
-          }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : N("", !0)
-        ], 4)
-      ])
-    ])) : o.loading ? (y(), S(Ut, {
-      key: 1,
-      class: "chart-loading"
-    })) : d(x) ? (y(), S(d(zt), {
-      key: 2,
-      class: "chart-empty",
-      title: o.noDataTitle,
-      subtitle: o.noDataSubtitle,
-      "icon-name": o.noDataIcon
-    }, null, 8, ["title", "subtitle", "icon-name"])) : N("", !0);
+      ])) : A("", !0),
+      s(u) ? (p(), x("section", et, [
+        S("div", tt, [
+          S("canvas", {
+            ref_key: "chartRef",
+            ref: m,
+            class: "chart__canvas"
+          }, null, 512),
+          S("div", {
+            ref_key: "tooltipRef",
+            ref: V,
+            class: "chart__tooltip",
+            style: he(s(Q))
+          }, [
+            d.value ? (p(), L(Ke, {
+              key: 0,
+              "totals-chart": s(h),
+              title: String(d.value.title),
+              "data-points": d.value.dataPoints,
+              "x-axis-format": o.xAxisFormat,
+              "y-axis-format": o.yAxisFormat,
+              "x-axis-date-interval": o.xAxisDateInterval,
+              "total-label": d.value.footer?.[0],
+              "total-value": Number(d.value.footer?.[1])
+            }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "x-axis-date-interval", "total-label", "total-value"])) : A("", !0)
+          ], 4)
+        ])
+      ])) : o.loading ? (p(), L($e, {
+        key: 2,
+        class: "chart-loading"
+      })) : s(R) ? (p(), L(s(Ge), {
+        key: 3,
+        class: "chart-empty",
+        title: o.noDataTitle,
+        subtitle: o.noDataSubtitle,
+        "icon-name": o.noDataIcon
+      }, null, 8, ["title", "subtitle", "icon-name"])) : A("", !0)
+    ]));
   }
 });
 export {
-  ve as default
+  gt as default
 };