@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/summary-grid.js

@@ -1,15 +1,16 @@
-import { defineComponent as S, resolveComponent as p, openBlock as i, createElementBlock as E, Fragment as N, renderList as j, createBlock as m, createSlots as O, withCtx as r, renderSlot as y, toRefs as w, computed as v, normalizeStyle as R, createElementVNode as h, createVNode as M, createTextVNode as _, toDisplayString as f, createCommentVNode as $, mergeProps as z } from "vue";
-import { u as k } from "./chunks/use-has-slot.4d98bf29.js";
-import { G as q } from "./chunks/grid-layout.7c919507.js";
-import { _ as b } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { BentoInfoIcon as U } from "./info-icon.js";
-import { B as X, a as V } from "./chunks/index.7f24db66.js";
-import { BentoTag as W, BentoTagVariant as L } from "./tag.js";
-import { C as F } from "./chunks/copy.7a73d1fd.js";
-import "./assets/index32.css";
+import { defineComponent as S, provide as P, resolveComponent as m, openBlock as i, createElementBlock as E, Fragment as j, renderList as w, createBlock as u, createSlots as O, withCtx as r, renderSlot as f, toRefs as N, computed as T, normalizeStyle as R, createElementVNode as C, createVNode as M, createTextVNode as v, toDisplayString as g, createCommentVNode as b, mergeProps as z } from "vue";
+import { u as G } from "./chunks/use-has-slot.4d98bf29.js";
+import { S as q } from "./chunks/summary-grid.keys.1d1028c2.js";
+import { G as U } from "./chunks/grid-layout.7c919507.js";
+import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { BentoInfoIcon as Y } from "./info-icon.js";
+import { B as W, a as V } from "./chunks/index.2bd3812b.js";
+import { BentoTag as X, BentoTagVariant as L } from "./tag.js";
+import { C as F } from "./chunks/copy.86236c8d.js";
+import "./assets/index26.css";
 const H = S({
   name: "bento-summary-grid",
-  components: { GridLayout: q },
+  components: { GridLayout: U },
   props: {
     /**
      * Sets the responsive columns widths values for 1 of the 3 rows.
@@ -19,75 +20,75 @@ const H = S({
       default: null
     }
   },
-  setup(e, { slots: s }) {
-    var u, a;
-    let c = 1;
-    if (s) {
-      const d = (a = (u = Object.keys(s)) == null ? void 0 : u.filter((n) => n.includes("cell-"))) == null ? void 0 : a.map((n) => {
-        var t;
-        return parseInt((t = n.split("-")) == null ? void 0 : t[1], 10);
+  setup(e, { slots: a }) {
+    var c, s;
+    let l = 1;
+    if (a) {
+      const n = (s = (c = Object.keys(a)) == null ? void 0 : c.filter((t) => t.includes("cell-"))) == null ? void 0 : s.map((t) => {
+        var p;
+        return parseInt((p = t.split("-")) == null ? void 0 : p[1], 10);
       });
-      if (c = Math.max(...d), c > 3)
+      if (l = Math.max(...n), l > 3)
         throw new Error(
           "BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information."
         );
     }
-    return {
-      hasSlot: k(s),
-      numberOfRows: c
+    return P(q, () => ({ isSummaryGridLayout: !0 })), {
+      hasSlot: G(a),
+      numberOfRows: l
     };
   }
 });
-const Y = { class: "b-summary-grid" };
-function J(e, s, c, u, a, d) {
-  const n = p("grid-layout");
-  return i(), E("div", Y, [
-    (i(!0), E(N, null, j(e.numberOfRows, (t) => {
-      var T;
-      return i(), m(n, {
+const J = { class: "b-summary-grid" };
+function K(e, a, l, y, c, s) {
+  const n = m("grid-layout");
+  return i(), E("div", J, [
+    (i(!0), E(j, null, w(e.numberOfRows, (t) => {
+      var p;
+      return i(), u(n, {
         key: `summary-grid-row-${t}`,
         "data-testid": `summary-grid-row-${t}`,
-        "column-width": (T = e.columnWidth) == null ? void 0 : T[`row${t}`]
+        "column-width": (p = e.columnWidth) == null ? void 0 : p[`row${t}`]
       }, O({ _: 2 }, [
         e.hasSlot(`cell-${t}-1`) ? {
           name: "col-1",
           fn: r(() => [
-            y(e.$slots, `cell-${t}-1`, {}, void 0, !0)
+            f(e.$slots, `cell-${t}-1`, {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.hasSlot(`cell-${t}-2`) ? {
           name: "col-2",
           fn: r(() => [
-            y(e.$slots, `cell-${t}-2`, {}, void 0, !0)
+            f(e.$slots, `cell-${t}-2`, {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.hasSlot(`cell-${t}-3`) ? {
           name: "col-3",
           fn: r(() => [
-            y(e.$slots, `cell-${t}-3`, {}, void 0, !0)
+            f(e.$slots, `cell-${t}-3`, {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.hasSlot(`cell-${t}-4`) ? {
           name: "col-4",
           fn: r(() => [
-            y(e.$slots, `cell-${t}-4`, {}, void 0, !0)
+            f(e.$slots, `cell-${t}-4`, {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.hasSlot(`cell-${t}-5`) ? {
           name: "col-5",
           fn: r(() => [
-            y(e.$slots, `cell-${t}-5`, {}, void 0, !0)
+            f(e.$slots, `cell-${t}-5`, {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.hasSlot(`cell-${t}-6`) ? {
           name: "col-6",
           fn: r(() => [
-            y(e.$slots, `cell-${t}-6`, {}, void 0, !0)
+            f(e.$slots, `cell-${t}-6`, {}, void 0, !0)
           ]),
           key: "5"
         } : void 0
@@ -95,11 +96,11 @@ function J(e, s, c, u, a, d) {
     }), 128))
   ]);
 }
-const $e = /* @__PURE__ */ b(H, [["render", J], ["__scopeId", "data-v-1b4c3b84"]]);
-var l = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(l || {}), o = /* @__PURE__ */ ((e) => (e.POSITIVE = "positive", e.NEGATIVE = "negative", e.NEUTRAL = "neutral", e))(o || {}), g = /* @__PURE__ */ ((e) => (e.AMOUNT = "amount", e.PERCENTAGE = "percentage", e.NUMERIC = "numeric", e.TEXT = "text", e.CUSTOM = "custom", e))(g || {});
-const K = S({
+const $e = /* @__PURE__ */ _(H, [["render", K], ["__scopeId", "data-v-a6c891b9"]]);
+var d = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(d || {}), o = /* @__PURE__ */ ((e) => (e.POSITIVE = "positive", e.NEGATIVE = "negative", e.NEUTRAL = "neutral", e))(o || {}), h = /* @__PURE__ */ ((e) => (e.AMOUNT = "amount", e.PERCENTAGE = "percentage", e.NUMERIC = "numeric", e.TEXT = "text", e.CUSTOM = "custom", e))(h || {});
+const Q = S({
   name: "summary-grid-item",
-  components: { BentoInfoIcon: U, BentoTypography: X, BentoTag: W, Copy: F },
+  components: { BentoInfoIcon: Y, BentoTypography: W, BentoTag: X, Copy: F },
   props: {
     /**
      * Text to copy to the clipboard
@@ -111,8 +112,8 @@ const K = S({
     // TODO add text truncation for SummaryGridItemType.TEXT
     itemType: {
       type: String,
-      default: g.CUSTOM,
-      validator: (e) => Object.values(g).includes(e)
+      default: h.CUSTOM,
+      validator: (e) => Object.values(h).includes(e)
     },
     /**
      * Text showed in the info-icon tooltip on hover
@@ -133,8 +134,8 @@ const K = S({
     // TODO implement logic for Large size
     size: {
       type: String,
-      default: l.SMALL,
-      validator: (e) => Object.values(l).includes(e)
+      default: d.SMALL,
+      validator: (e) => Object.values(d).includes(e)
     },
     /**
      * Shows colored trend label next to text content
@@ -167,9 +168,9 @@ const K = S({
       validator: (e) => Object.values(o).includes(e)
     }
   },
-  setup(e, { slots: s }) {
-    const { trendDirection: c, secondaryTrendDirection: u, itemType: a, size: d } = w(e), n = (P) => {
-      switch (P) {
+  setup(e, { slots: a }) {
+    const { trendDirection: l, secondaryTrendDirection: y, itemType: c, size: s } = N(e), n = (D) => {
+      switch (D) {
         case o.POSITIVE:
           return L.GREEN;
         case o.NEGATIVE:
@@ -177,116 +178,98 @@ const K = S({
         default:
           return L.BLUE;
       }
-    }, t = v(() => n(c.value)), T = v(() => n(u.value)), I = v(
-      () => a.value === g.TEXT || a.value === g.PERCENTAGE || a.value === g.AMOUNT || a.value === g.NUMERIC
-    ), A = v(() => {
-      if (I.value) {
-        if (d.value === l.SMALL)
-          return V.BODY;
-        if (a.value !== g.TEXT)
-          return V.TITLE;
-      }
-      return null;
-    }), B = v(() => ({
-      medium: d.value === l.LARGE,
-      strongest: d.value === l.SMALL,
-      wide: d.value === l.SMALL,
-      variant: A.value
-    })), D = v(() => e.fitContent ? { width: "fit-content" } : {}), G = v(() => ({
+    }, t = T(() => n(l.value)), p = T(() => n(y.value)), I = T(() => s.value === d.SMALL ? V.BODY : c.value !== h.TEXT ? V.TITLE : null), B = T(() => ({
+      medium: s.value === d.LARGE,
+      strongest: s.value === d.SMALL,
+      wide: s.value === d.SMALL,
+      variant: I.value
+    })), k = T(() => e.fitContent ? { width: "fit-content" } : {}), A = T(() => ({
       [`b-summary-grid-item__content-trend--${e.trend}`]: e.trend
     }));
     return {
       // Values
       trendVariant: t,
-      secondaryTrendVariant: T,
-      isContentTypographyApplied: I,
+      secondaryTrendVariant: p,
       typographyProps: B,
       // Styles
-      computedStyles: D,
-      summaryBarItemTrendConditionalClasses: G,
+      computedStyles: k,
+      summaryBarItemTrendConditionalClasses: A,
       // Utils
-      hasSlot: k(s)
+      hasSlot: G(a)
     };
   }
 });
-const Q = { class: "b-summary-grid-item__header" }, Z = { class: "b-summary-grid-item__title-icons" }, x = { class: "b-summary-grid-item__content--primary" }, ee = {
-  key: 0,
-  class: "b-summary-grid-item__content--secondary"
-};
-function te(e, s, c, u, a, d) {
-  const n = p("bento-typography"), t = p("copy"), T = p("bento-info-icon"), I = p("bento-tag");
+const Z = { class: "b-summary-grid-item__header" }, x = { class: "b-summary-grid-item__title-icons" };
+function ee(e, a, l, y, c, s) {
+  const n = m("bento-typography"), t = m("copy"), p = m("bento-info-icon"), I = m("bento-tag");
   return i(), E("div", {
     class: "b-summary-grid-item",
     style: R(e.computedStyles)
   }, [
-    h("div", Q, [
+    C("div", Z, [
       M(n, {
         class: "b-summary-grid-item__title",
         el: "span",
         variant: "body"
       }, {
         default: r(() => [
-          _(f(e.title), 1)
+          v(g(e.title), 1)
         ]),
         _: 1
       }),
-      h("div", Z, [
-        e.copy ? (i(), m(t, {
+      C("div", x, [
+        e.copy ? (i(), u(t, {
           key: 0,
           class: "b-structured-list__icon",
           text: e.copy
-        }, null, 8, ["text"])) : $("", !0),
-        e.infoIconTooltipText ? (i(), m(T, {
+        }, null, 8, ["text"])) : b("", !0),
+        e.infoIconTooltipText ? (i(), u(p, {
           key: 1,
           "tooltip-text": e.infoIconTooltipText,
           "tooltip-position": "top",
           class: "b-summary-grid-item__title-tooltip"
-        }, null, 8, ["tooltip-text"])) : $("", !0)
+        }, null, 8, ["tooltip-text"])) : b("", !0)
       ])
     ]),
-    h("div", x, [
-      e.isContentTypographyApplied ? (i(), m(n, z({
-        key: 0,
-        "data-testid": "summary-grid-item-content-typography",
-        class: "b-summary-grid-item__title"
-      }, e.typographyProps, { el: "span" }), {
-        default: r(() => [
-          y(e.$slots, "default", {}, void 0, !0),
-          e.trend && e.itemType !== "text" ? (i(), m(I, {
-            key: 0,
-            variant: e.trendVariant,
-            label: e.trend,
-            class: "b-summary-grid-item__content-trend"
-          }, null, 8, ["variant", "label"])) : $("", !0)
-        ]),
-        _: 3
-      }, 16)) : y(e.$slots, "default", { key: 1 }, void 0, !0)
-    ]),
-    e.hasSlot("secondary") ? (i(), E("div", ee, [
-      M(n, {
-        class: "b-summary-grid-item__title",
-        "data-testid": "summary-grid-item-secondary-metric-typography",
-        el: "span",
-        variant: "caption",
-        stronger: ""
-      }, {
-        default: r(() => [
-          y(e.$slots, "secondary", {}, void 0, !0),
-          e.secondaryTrend ? (i(), m(I, {
-            key: 0,
-            variant: e.secondaryTrendVariant,
-            label: e.secondaryTrend,
-            class: "b-summary-grid-item__content-trend"
-          }, null, 8, ["variant", "label"])) : $("", !0)
-        ]),
-        _: 3
-      })
-    ])) : $("", !0)
+    M(n, z({
+      "data-testid": "summary-grid-item-content-typography",
+      class: "b-summary-grid-item__title"
+    }, e.typographyProps, { el: "span" }), {
+      default: r(() => [
+        f(e.$slots, "default", {}, void 0, !0),
+        e.trend && e.itemType !== "text" ? (i(), u(I, {
+          key: 0,
+          variant: e.trendVariant,
+          label: e.trend,
+          class: "b-summary-grid-item__content-trend"
+        }, null, 8, ["variant", "label"])) : b("", !0)
+      ]),
+      _: 3
+    }, 16),
+    e.hasSlot("secondary") ? (i(), u(n, {
+      key: 0,
+      class: "b-summary-grid-item__title",
+      "data-testid": "summary-grid-item-secondary-metric-typography",
+      el: "span",
+      variant: "caption",
+      stronger: ""
+    }, {
+      default: r(() => [
+        f(e.$slots, "secondary", {}, void 0, !0),
+        e.secondaryTrend ? (i(), u(I, {
+          key: 0,
+          variant: e.secondaryTrendVariant,
+          label: e.secondaryTrend,
+          class: "b-summary-grid-item__content-trend"
+        }, null, 8, ["variant", "label"])) : b("", !0)
+      ]),
+      _: 3
+    })) : b("", !0)
   ], 4);
 }
-const C = /* @__PURE__ */ b(K, [["render", te], ["__scopeId", "data-v-00f7a92b"]]), ne = S({
+const $ = /* @__PURE__ */ _(Q, [["render", ee], ["__scopeId", "data-v-16298103"]]), te = S({
   name: "bento-summary-grid-item-amount",
-  components: { SummaryGridItem: C },
+  components: { SummaryGridItem: $ },
   props: {
     /**
      * Text to copy to the clipboard
@@ -369,18 +352,18 @@ const C = /* @__PURE__ */ b(K, [["render", te], ["__scopeId", "data-v-00f7a92b"]
      */
     size: {
       type: String,
-      default: l.SMALL,
-      validator: (e) => Object.values(l).includes(e)
+      default: d.SMALL,
+      validator: (e) => Object.values(d).includes(e)
     }
   }
 });
-const oe = { class: "b-summary-grid-item-amount__content" }, re = {
+const ne = { class: "b-summary-grid-item-amount__content" }, oe = {
   key: 0,
   class: "b-summary-grid-item-amount__secondary-label"
 };
-function ie(e, s, c, u, a, d) {
-  const n = p("summary-grid-item");
-  return i(), m(n, {
+function re(e, a, l, y, c, s) {
+  const n = m("summary-grid-item");
+  return i(), u(n, {
     "item-type": "amount",
     "info-icon-tooltip-text": e.infoIconTooltipText,
     title: e.title,
@@ -394,9 +377,9 @@ function ie(e, s, c, u, a, d) {
     class: "b-summary-grid-item-amount"
   }, O({
     default: r(() => [
-      h("div", oe, [
-        h("div", null, f(e.label), 1),
-        e.secondaryLabel ? (i(), E("div", re, f(e.secondaryLabel), 1)) : $("", !0)
+      C("div", ne, [
+        C("div", null, g(e.label), 1),
+        e.secondaryLabel ? (i(), E("div", oe, g(e.secondaryLabel), 1)) : b("", !0)
       ])
     ]),
     _: 2
@@ -404,15 +387,15 @@ function ie(e, s, c, u, a, d) {
     e.secondaryMetric ? {
       name: "secondary",
       fn: r(() => [
-        _(f(e.secondaryMetric), 1)
+        v(g(e.secondaryMetric), 1)
       ]),
       key: "0"
     } : void 0
   ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction"]);
 }
-const Ie = /* @__PURE__ */ b(ne, [["render", ie], ["__scopeId", "data-v-fd1debe6"]]), ae = S({
+const Ie = /* @__PURE__ */ _(te, [["render", re], ["__scopeId", "data-v-fd1debe6"]]), ie = S({
   name: "bento-summary-grid-item-numeric",
-  components: { SummaryGridItem: C },
+  components: { SummaryGridItem: $ },
   props: {
     /**
      * Text to copy to the clipboard
@@ -488,14 +471,14 @@ const Ie = /* @__PURE__ */ b(ne, [["render", ie], ["__scopeId", "data-v-fd1debe6
      */
     size: {
       type: String,
-      default: l.SMALL,
-      validator: (e) => Object.values(l).includes(e)
+      default: d.SMALL,
+      validator: (e) => Object.values(d).includes(e)
     }
   }
 });
-function se(e, s, c, u, a, d) {
-  const n = p("summary-grid-item");
-  return i(), m(n, {
+function ae(e, a, l, y, c, s) {
+  const n = m("summary-grid-item");
+  return i(), u(n, {
     "item-type": "numeric",
     "info-icon-tooltip-text": e.infoIconTooltipText,
     title: e.title,
@@ -509,22 +492,22 @@ function se(e, s, c, u, a, d) {
     class: "b-summary-grid-item-numeric"
   }, O({
     default: r(() => [
-      _(f(e.label) + " ", 1)
+      v(g(e.label) + " ", 1)
     ]),
     _: 2
   }, [
     e.secondaryMetric ? {
       name: "secondary",
       fn: r(() => [
-        _(f(e.secondaryMetric), 1)
+        v(g(e.secondaryMetric), 1)
       ]),
       key: "0"
     } : void 0
   ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction"]);
 }
-const he = /* @__PURE__ */ b(ae, [["render", se]]), de = S({
+const he = /* @__PURE__ */ _(ie, [["render", ae]]), se = S({
   name: "bento-summary-grid-item-percentage",
-  components: { SummaryGridItem: C },
+  components: { SummaryGridItem: $ },
   props: {
     /**
      * Amount to be shown as the main value
@@ -600,14 +583,14 @@ const he = /* @__PURE__ */ b(ae, [["render", se]]), de = S({
      */
     size: {
       type: String,
-      default: l.SMALL,
-      validator: (e) => Object.values(l).includes(e)
+      default: d.SMALL,
+      validator: (e) => Object.values(d).includes(e)
     }
   }
 });
-function le(e, s, c, u, a, d) {
-  const n = p("summary-grid-item");
-  return i(), m(n, {
+function de(e, a, l, y, c, s) {
+  const n = m("summary-grid-item");
+  return i(), u(n, {
     "item-type": "percentage",
     "info-icon-tooltip-text": e.infoIconTooltipText,
     title: e.title,
@@ -621,22 +604,22 @@ function le(e, s, c, u, a, d) {
     class: "b-summary-grid-item-percentage"
   }, O({
     default: r(() => [
-      _(f(e.label) + "% ", 1)
+      v(g(e.label) + "% ", 1)
     ]),
     _: 2
   }, [
     e.secondaryMetric ? {
       name: "secondary",
       fn: r(() => [
-        _(f(e.secondaryMetric) + "% ", 1)
+        v(g(e.secondaryMetric) + "% ", 1)
       ]),
       key: "0"
     } : void 0
   ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction"]);
 }
-const Ee = /* @__PURE__ */ b(de, [["render", le]]), ce = S({
+const Ee = /* @__PURE__ */ _(se, [["render", de]]), le = S({
   name: "bento-summary-grid-item-text",
-  components: { SummaryGridItem: C },
+  components: { SummaryGridItem: $ },
   props: {
     /**
      * Text to copy to the clipboard
@@ -672,9 +655,9 @@ const Ee = /* @__PURE__ */ b(de, [["render", le]]), ce = S({
     }
   }
 });
-function ue(e, s, c, u, a, d) {
-  const n = p("summary-grid-item");
-  return i(), m(n, {
+function ce(e, a, l, y, c, s) {
+  const n = m("summary-grid-item");
+  return i(), u(n, {
     "item-type": "text",
     "info-icon-tooltip-text": e.infoIconTooltipText,
     title: e.title,
@@ -683,14 +666,14 @@ function ue(e, s, c, u, a, d) {
     class: "b-summary-grid-item-text"
   }, {
     default: r(() => [
-      _(f(e.label), 1)
+      v(g(e.label), 1)
     ]),
     _: 1
   }, 8, ["info-icon-tooltip-text", "title", "copy", "fit-content"]);
 }
-const Ce = /* @__PURE__ */ b(ce, [["render", ue]]), me = S({
+const Ce = /* @__PURE__ */ _(le, [["render", ce]]), ue = S({
   name: "bento-summary-grid-item-custom",
-  components: { SummaryGridItem: C },
+  components: { SummaryGridItem: $ },
   props: {
     /**
      * Text to copy to the clipboard
@@ -711,29 +694,29 @@ const Ce = /* @__PURE__ */ b(ce, [["render", ue]]), me = S({
   },
   emits: ["copy-to-clipboard"]
 });
-function ye(e, s, c, u, a, d) {
-  const n = p("summary-grid-item");
-  return i(), m(n, {
+function me(e, a, l, y, c, s) {
+  const n = m("summary-grid-item");
+  return i(), u(n, {
     title: e.title,
     "info-icon-tooltip-text": e.infoIconTooltipText,
     copy: e.copy,
     "fit-content": e.fitContent,
-    onCopyToClipoard: s[0] || (s[0] = (t) => e.$emit("copy-to-clipboard"))
+    onCopyToClipoard: a[0] || (a[0] = (t) => e.$emit("copy-to-clipboard"))
   }, {
     default: r(() => [
-      y(e.$slots, "default")
+      f(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["title", "info-icon-tooltip-text", "copy", "fit-content"]);
 }
-const Oe = /* @__PURE__ */ b(me, [["render", ye]]);
+const Oe = /* @__PURE__ */ _(ue, [["render", me]]);
 export {
   $e as BentoSummaryGrid,
   Ie as BentoSummaryGridItemAmount,
   Oe as BentoSummaryGridItemCustom,
   he as BentoSummaryGridItemNumeric,
   Ee as BentoSummaryGridItemPercentage,
-  l as BentoSummaryGridItemSize,
+  d as BentoSummaryGridItemSize,
   Ce as BentoSummaryGridItemText,
   o as BentoSummaryGridItemTrendDirection
 };