@adyen/bento-vue3 1.65.0 → 1.67.0

package/dist/chunks/summary-grid.types.CoSCUI1V.js

@@ -0,0 +1,490 @@
+import { defineComponent as b, useSlots as k, onMounted as Z, provide as L, toRef as F, createElementBlock as M, openBlock as d, Fragment as G, renderList as j, unref as o, createBlock as m, createSlots as I, withCtx as i, renderSlot as c, toRefs as H, inject as W, ref as J, computed as v, normalizeStyle as K, normalizeClass as q, createElementVNode as _, createVNode as R, createCommentVNode as C, createTextVNode as g, toDisplayString as f, mergeProps as Q } from "vue";
+import { u as z } from "./use-has-slot.B7eQSabc.js";
+import { S as X, a as V } from "./summary-grid.keys.CxTf_FOc.js";
+import { G as x } from "./grid-layout.BTLE3rac.js";
+import { _ as E } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { u as ee } from "./i18n.B6g5VX0q.js";
+import { B as te } from "./dashed-underline.DgE-UB-x.js";
+import { B as oe } from "./info-icon.DprUQ9fj.js";
+import { B as N } from "./typography.DN5eC5ch.js";
+import { B as A } from "./tag.D3in0-Bp.js";
+import { C as ne } from "./copy.RUoQOydT.js";
+import "../assets/summary-grid.css";
+const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
+  ...re,
+  __name: "summary-grid",
+  props: {
+    columnWidth: { default: null },
+    slashedZero: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    var h, T;
+    const u = l, a = k(), e = z(a);
+    let n = 1;
+    if (a) {
+      const p = (T = (h = Object.keys(a)) == null ? void 0 : h.filter(($) => $.includes("cell-"))) == null ? void 0 : T.map(($) => {
+        var t;
+        return parseInt((t = $.split("-")) == null ? void 0 : t[1], 10);
+      });
+      n = Math.max(...p);
+    }
+    return Z(() => {
+      if (n > 3)
+        throw new Error(
+          "BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information."
+        );
+    }), L(X, () => ({ isSummaryGridLayout: !0 })), L(V, F(u, "slashedZero")), (p, $) => (d(), M("div", ie, [
+      (d(!0), M(G, null, j(o(n), (t) => {
+        var y;
+        return d(), m(o(x), {
+          key: `summary-grid-row-${t}`,
+          "data-testid": `summary-grid-row-${t}`,
+          "column-width": (y = p.columnWidth) == null ? void 0 : y[`row${t}`]
+        }, I({ _: 2 }, [
+          o(e)(`cell-${t}-1`) ? {
+            name: "col-1",
+            fn: i(() => [
+              c(p.$slots, `cell-${t}-1`, {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          o(e)(`cell-${t}-2`) ? {
+            name: "col-2",
+            fn: i(() => [
+              c(p.$slots, `cell-${t}-2`, {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0,
+          o(e)(`cell-${t}-3`) ? {
+            name: "col-3",
+            fn: i(() => [
+              c(p.$slots, `cell-${t}-3`, {}, void 0, !0)
+            ]),
+            key: "2"
+          } : void 0,
+          o(e)(`cell-${t}-4`) ? {
+            name: "col-4",
+            fn: i(() => [
+              c(p.$slots, `cell-${t}-4`, {}, void 0, !0)
+            ]),
+            key: "3"
+          } : void 0,
+          o(e)(`cell-${t}-5`) ? {
+            name: "col-5",
+            fn: i(() => [
+              c(p.$slots, `cell-${t}-5`, {}, void 0, !0)
+            ]),
+            key: "4"
+          } : void 0,
+          o(e)(`cell-${t}-6`) ? {
+            name: "col-6",
+            fn: i(() => [
+              c(p.$slots, `cell-${t}-6`, {}, void 0, !0)
+            ]),
+            key: "5"
+          } : void 0
+        ]), 1032, ["data-testid", "column-width"]);
+      }), 128))
+    ]));
+  }
+}), Be = /* @__PURE__ */ E(le, [["__scopeId", "data-v-14d3ddaf"]]), se = { class: "b-summary-grid-item__header" }, de = { class: "b-summary-grid-item__title-icons" }, ae = {}, ue = /* @__PURE__ */ b({
+  ...ae,
+  __name: "summary-grid-item",
+  props: {
+    itemType: { default: "custom" },
+    copy: { default: void 0 },
+    fitContent: { type: Boolean, default: !1 },
+    infoIconTooltipText: { default: null },
+    size: { default: "small" },
+    title: {},
+    trend: { default: null },
+    trendDirection: { default: "positive" },
+    secondaryTrend: { default: null },
+    secondaryTrendDirection: { default: "positive" },
+    underlinePopoverSize: { default: "fit-content" },
+    underlineTooltipText: { default: null }
+  },
+  emits: ["copy-click", "info-icon-mouseenter"],
+  setup(l) {
+    const u = l, { trendDirection: a, secondaryTrendDirection: e, itemType: n, size: r } = H(u), h = W(V, J(!1)), T = (s) => {
+      switch (s) {
+        case "positive":
+          return "green";
+        case "negative":
+          return "red";
+        default:
+          return "blue";
+      }
+    }, p = v(() => T(a.value)), $ = v(() => T(e.value)), t = v(() => r.value === "small" ? "body" : n.value !== "text" ? "title" : null), y = v(() => ({
+      medium: r.value === "large",
+      strongest: r.value === "small",
+      wide: r.value === "small",
+      variant: t.value
+    })), S = v(() => u.fitContent ? { width: "fit-content" } : {}), U = v(() => ({ "b-summary-grid-item--slashed-zero": h.value })), O = k(), w = z(O), Y = v(() => u.underlineTooltipText || w("dashed-underline"));
+    return (s, P) => (d(), M("div", {
+      class: q(["b-summary-grid-item", U.value]),
+      style: K(S.value)
+    }, [
+      _("div", se, [
+        R(o(N), {
+          class: "b-summary-grid-item__title",
+          el: "span",
+          variant: "body"
+        }, {
+          default: i(() => [
+            Y.value ? (d(), m(o(te), {
+              key: 0,
+              "tooltip-text": s.underlineTooltipText,
+              "popover-size": s.underlinePopoverSize
+            }, I({
+              default: i(() => [
+                g(f(s.title) + " ", 1)
+              ]),
+              _: 2
+            }, [
+              o(w)("dashed-underline") ? {
+                name: "popover-content",
+                fn: i(() => [
+                  c(s.$slots, "dashed-underline", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["tooltip-text", "popover-size"])) : (d(), M(G, { key: 1 }, [
+              g(f(s.title), 1)
+            ], 64))
+          ]),
+          _: 3
+        }),
+        _("div", de, [
+          s.copy ? (d(), m(o(ne), {
+            key: 0,
+            class: "b-structured-list__icon",
+            text: s.copy,
+            onClick: P[0] || (P[0] = (B) => s.$emit("copy-click", B))
+          }, null, 8, ["text"])) : C("", !0),
+          s.infoIconTooltipText ? (d(), m(o(oe), {
+            key: 1,
+            "tooltip-text": s.infoIconTooltipText,
+            "tooltip-position": "top",
+            class: "b-summary-grid-item__title-tooltip",
+            onMouseenter: P[1] || (P[1] = (B) => s.$emit("info-icon-mouseenter", B))
+          }, null, 8, ["tooltip-text"])) : C("", !0)
+        ])
+      ]),
+      R(o(N), Q({
+        "data-testid": "summary-grid-item-content-typography",
+        class: "b-summary-grid-item__title"
+      }, y.value, { el: "span" }), {
+        default: i(() => [
+          c(s.$slots, "default", {}, void 0, !0),
+          s.trend && o(n) !== "text" ? (d(), m(o(A), {
+            key: 0,
+            variant: p.value,
+            label: s.trend,
+            class: "b-summary-grid-item__content-trend"
+          }, null, 8, ["variant", "label"])) : C("", !0)
+        ]),
+        _: 3
+      }, 16),
+      o(w)("secondary") ? (d(), m(o(N), {
+        key: 0,
+        class: "b-summary-grid-item__title",
+        "data-testid": "summary-grid-item-secondary-metric-typography",
+        el: "span",
+        variant: "caption",
+        stronger: ""
+      }, {
+        default: i(() => [
+          c(s.$slots, "secondary", {}, void 0, !0),
+          s.secondaryTrend ? (d(), m(o(A), {
+            key: 0,
+            variant: $.value,
+            label: s.secondaryTrend,
+            class: "b-summary-grid-item__content-trend"
+          }, null, 8, ["variant", "label"])) : C("", !0)
+        ]),
+        _: 3
+      })) : C("", !0)
+    ], 6));
+  }
+}), D = /* @__PURE__ */ E(ue, [["__scopeId", "data-v-64de14b8"]]), ce = { class: "b-summary-grid-item-amount__content" }, pe = {
+  key: 0,
+  class: "b-summary-grid-item-amount__secondary-label"
+}, me = {}, fe = /* @__PURE__ */ b({
+  ...me,
+  __name: "summary-grid-item-amount",
+  props: {
+    label: {},
+    secondaryLabel: { default: null },
+    secondaryMetric: { default: null },
+    copy: { default: void 0 },
+    fitContent: { type: Boolean, default: !1 },
+    infoIconTooltipText: { default: null },
+    size: { default: "small" },
+    title: {},
+    trend: { default: null },
+    trendDirection: { default: "positive" },
+    secondaryTrend: { default: null },
+    secondaryTrendDirection: { default: "positive" },
+    underlinePopoverSize: { default: "fit-content" },
+    underlineTooltipText: { default: null }
+  },
+  emits: ["copy-click", "info-icon-mouseenter"],
+  setup(l) {
+    const u = k(), a = z(u);
+    return (e, n) => (d(), m(o(D), {
+      "item-type": "amount",
+      "info-icon-tooltip-text": e.infoIconTooltipText,
+      title: e.title,
+      copy: e.copy,
+      "fit-content": e.fitContent,
+      size: e.size,
+      trend: e.trend,
+      "trend-direction": e.trendDirection,
+      "secondary-trend": e.secondaryTrend,
+      "secondary-trend-direction": e.secondaryTrendDirection,
+      "underline-popover-size": e.underlinePopoverSize,
+      "underline-tooltip-text": e.underlineTooltipText,
+      class: "b-summary-grid-item-amount",
+      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, I({
+      default: i(() => [
+        _("div", ce, [
+          _("div", null, f(e.label), 1),
+          e.secondaryLabel ? (d(), M("div", pe, f(e.secondaryLabel), 1)) : C("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      o(a)("dashed-underline") ? {
+        name: "dashed-underline",
+        fn: i(() => [
+          c(e.$slots, "dashed-underline", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0,
+      e.secondaryMetric ? {
+        name: "secondary",
+        fn: i(() => [
+          g(f(e.secondaryMetric), 1)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction", "underline-popover-size", "underline-tooltip-text"]));
+  }
+}), Ne = /* @__PURE__ */ E(fe, [["__scopeId", "data-v-6d10929e"]]), ye = {}, Ee = /* @__PURE__ */ b({
+  ...ye,
+  __name: "summary-grid-item-numeric",
+  props: {
+    label: {},
+    secondaryMetric: { default: null },
+    copy: { default: void 0 },
+    fitContent: { type: Boolean, default: !1 },
+    infoIconTooltipText: { default: null },
+    size: { default: "small" },
+    title: {},
+    trend: { default: null },
+    trendDirection: { default: "positive" },
+    secondaryTrend: { default: null },
+    secondaryTrendDirection: { default: "positive" },
+    underlinePopoverSize: { default: "fit-content" },
+    underlineTooltipText: { default: null }
+  },
+  emits: ["copy-click", "info-icon-mouseenter"],
+  setup(l) {
+    const u = k(), a = z(u);
+    return (e, n) => (d(), m(o(D), {
+      "item-type": "numeric",
+      "info-icon-tooltip-text": e.infoIconTooltipText,
+      title: e.title,
+      copy: e.copy,
+      "fit-content": e.fitContent,
+      size: e.size,
+      trend: e.trend,
+      "trend-direction": e.trendDirection,
+      "secondary-trend": e.secondaryTrend,
+      "secondary-trend-direction": e.secondaryTrendDirection,
+      "underline-popover-size": e.underlinePopoverSize,
+      "underline-tooltip-text": e.underlineTooltipText,
+      class: "b-summary-grid-item-numeric",
+      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, I({
+      default: i(() => [
+        g(" " + f(e.label) + " ", 1)
+      ]),
+      _: 2
+    }, [
+      o(a)("dashed-underline") ? {
+        name: "dashed-underline",
+        fn: i(() => [
+          c(e.$slots, "dashed-underline")
+        ]),
+        key: "0"
+      } : void 0,
+      e.secondaryMetric ? {
+        name: "secondary",
+        fn: i(() => [
+          g(f(e.secondaryMetric), 1)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction", "underline-popover-size", "underline-tooltip-text"]));
+  }
+}), ve = {
+  i18n: {}
+}, Le = /* @__PURE__ */ b({
+  ...ve,
+  __name: "summary-grid-item-percentage",
+  props: {
+    label: {},
+    secondaryMetric: { default: null },
+    copy: { default: void 0 },
+    fitContent: { type: Boolean, default: !1 },
+    infoIconTooltipText: { default: null },
+    size: { default: "small" },
+    title: {},
+    trend: { default: null },
+    trendDirection: { default: "positive" },
+    secondaryTrend: { default: null },
+    secondaryTrendDirection: { default: "positive" },
+    underlinePopoverSize: { default: "fit-content" },
+    underlineTooltipText: { default: null }
+  },
+  emits: ["copy-click", "info-icon-mouseenter"],
+  setup(l) {
+    const { locale: u } = ee(), a = l, e = k(), n = z(e), r = {
+      style: "percent",
+      maximumFractionDigits: 2
+    }, h = (t) => t != null && t !== "" && !isNaN(Number(t)), T = (t) => t && h(t) ? new Intl.NumberFormat(u.value, r).format(Number(t) / 100) : t, p = v(() => T(a.label)), $ = v(() => T(a.secondaryMetric));
+    return (t, y) => (d(), m(o(D), {
+      "item-type": "percentage",
+      "info-icon-tooltip-text": t.infoIconTooltipText,
+      title: t.title,
+      copy: t.copy,
+      "fit-content": t.fitContent,
+      size: t.size,
+      trend: t.trend,
+      "trend-direction": t.trendDirection,
+      "secondary-trend": t.secondaryTrend,
+      "secondary-trend-direction": t.secondaryTrendDirection,
+      "underline-popover-size": t.underlinePopoverSize,
+      "underline-tooltip-text": t.underlineTooltipText,
+      class: "b-summary-grid-item-percentage",
+      onCopyClick: y[0] || (y[0] = (S) => t.$emit("copy-click", S)),
+      onInfoIconMouseenter: y[1] || (y[1] = (S) => t.$emit("info-icon-mouseenter", S))
+    }, I({
+      default: i(() => [
+        g(" " + f(p.value) + " ", 1)
+      ]),
+      _: 2
+    }, [
+      o(n)("dashed-underline") ? {
+        name: "dashed-underline",
+        fn: i(() => [
+          c(t.$slots, "dashed-underline")
+        ]),
+        key: "0"
+      } : void 0,
+      t.secondaryMetric ? {
+        name: "secondary",
+        fn: i(() => [
+          g(f($.value), 1)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction", "underline-popover-size", "underline-tooltip-text"]));
+  }
+}), Te = {}, Re = /* @__PURE__ */ b({
+  ...Te,
+  __name: "summary-grid-item-text",
+  props: {
+    copy: { default: void 0 },
+    fitContent: { type: Boolean, default: !1 },
+    infoIconTooltipText: { default: null },
+    label: {},
+    title: {},
+    underlinePopoverSize: { default: "fit-content" },
+    underlineTooltipText: { default: null }
+  },
+  emits: ["copy-click", "info-icon-mouseenter"],
+  setup(l) {
+    const u = k(), a = z(u);
+    return (e, n) => (d(), m(o(D), {
+      "item-type": "text",
+      "info-icon-tooltip-text": e.infoIconTooltipText,
+      title: e.title,
+      copy: e.copy,
+      "fit-content": e.fitContent,
+      "underline-popover-size": e.underlinePopoverSize,
+      "underline-tooltip-text": e.underlineTooltipText,
+      class: "b-summary-grid-item-text",
+      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, I({
+      default: i(() => [
+        g(" " + f(e.label), 1)
+      ]),
+      _: 2
+    }, [
+      o(a)("dashed-underline") ? {
+        name: "dashed-underline",
+        fn: i(() => [
+          c(e.$slots, "dashed-underline")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "underline-popover-size", "underline-tooltip-text"]));
+  }
+}), $e = {}, Ae = /* @__PURE__ */ b({
+  ...$e,
+  __name: "summary-grid-item-custom",
+  props: {
+    copy: { default: void 0 },
+    infoIconTooltipText: { default: null },
+    title: {},
+    fitContent: { type: Boolean, default: !1 },
+    underlinePopoverSize: { default: "fit-content" },
+    underlineTooltipText: { default: null }
+  },
+  emits: ["copy-click", "info-icon-mouseenter"],
+  setup(l) {
+    const u = k(), a = z(u);
+    return (e, n) => (d(), m(o(D), {
+      title: e.title,
+      "info-icon-tooltip-text": e.infoIconTooltipText,
+      copy: e.copy,
+      "fit-content": e.fitContent,
+      "underline-popover-size": e.underlinePopoverSize,
+      "underline-tooltip-text": e.underlineTooltipText,
+      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, I({
+      default: i(() => [
+        c(e.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      o(a)("dashed-underline") ? {
+        name: "dashed-underline",
+        fn: i(() => [
+          c(e.$slots, "dashed-underline")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "info-icon-tooltip-text", "copy", "fit-content", "underline-popover-size", "underline-tooltip-text"]));
+  }
+});
+var ge = /* @__PURE__ */ ((l) => (l.SMALL = "small", l.MEDIUM = "medium", l.LARGE = "large", l))(ge || {}), be = /* @__PURE__ */ ((l) => (l.POSITIVE = "positive", l.NEGATIVE = "negative", l.NEUTRAL = "neutral", l))(be || {});
+export {
+  ge as B,
+  Ee as _,
+  Ne as a,
+  Le as b,
+  Re as c,
+  Ae as d,
+  be as e,
+  Be as s
+};
+//# sourceMappingURL=summary-grid.types.CoSCUI1V.js.map

package/dist/chunks/summary-grid.types.CoSCUI1V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-grid.types.CoSCUI1V.js","sources":["../../../vue2/src/components/summary-grid/summary-grid.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue","../../../vue2/src/components/summary-grid/summary-grid.types.ts"],"sourcesContent":["<template>\n    <div class=\"b-summary-grid\">\n        <grid-layout\n            v-for=\"index in numberOfRows\"\n            :key=\"`summary-grid-row-${index}`\"\n            :data-testid=\"`summary-grid-row-${index}`\"\n            :column-width=\"columnWidth?.[`row${index}`]\"\n        >\n            <template v-if=\"hasSlot(`cell-${index}-1`)\" #col-1>\n                <slot :name=\"`cell-${index}-1`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-2`)\" #col-2>\n                <slot :name=\"`cell-${index}-2`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-3`)\" #col-3>\n                <slot :name=\"`cell-${index}-3`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-4`)\" #col-4>\n                <slot :name=\"`cell-${index}-4`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-5`)\" #col-5>\n                <slot :name=\"`cell-${index}-5`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-6`)\" #col-6>\n                <slot :name=\"`cell-${index}-6`\" />\n            </template>\n        </grid-layout>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { onMounted, provide, toRef, useSlots } from 'vue';\n    import type { BentoSummaryGridLayout, BentoSummaryGridProps } from './summary-grid.types';\n    import { GridLayout } from '@/components/internal';\n    import { useHasSlot } from '@/composables';\n    import {\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        SUMMARY_GRID_SLASHED_ZERO,\n    } from '@/components/summary-grid/summary-grid.keys';\n\n    const props = withDefaults(defineProps<BentoSummaryGridProps>(), {\n        columnWidth: null,\n        slashedZero: false,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    let numberOfRows = 1;\n    if (slots) {\n        const slotRows = Object.keys(slots)\n            ?.filter(slotName => slotName.includes('cell-'))\n            ?.map(slotName => parseInt(slotName.split('-')?.[1], 10));\n        numberOfRows = Math.max(...slotRows);\n    }\n\n    onMounted(() => {\n        if (numberOfRows > 3) {\n            throw new Error(\n                'BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information.'\n            );\n        }\n    });\n\n    const registerComponentsInSummaryGrid: BentoSummaryGridLayout = () => {\n        const isSummaryGridLayout = true;\n        return { isSummaryGridLayout };\n    };\n\n    provide(SUMMARY_GRID_LAYOUT_INJECTION_KEY, registerComponentsInSummaryGrid);\n    provide(SUMMARY_GRID_SLASHED_ZERO, toRef(props, 'slashedZero'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A summary grid component that displays a collection items.\n     *\n     * @example\n     * import { BentoSummaryGrid, BentoSummaryGridItemAmount } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGrid, BentoSummaryGridItemAmount },\n     *     template: `\n     *          <bento-summary-grid>\n     *             <template #cell-2-2>\n     *                <bento-summary-grid-item-amount\n     *                   title=\"Text Item\"\n     *                   label=\"14\"\n     *                   info-icon-tooltip-text=\"text for icon\"\n     *                   copy=\"copy this to clipboard\"\n     *                />\n     *             </template>\n     *          </bento-summary-grid>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid.scss\" />\n","<template>\n    <div class=\"b-summary-grid-item\" :class=\"conditionalClasses\" :style=\"computedStyles\">\n        <div class=\"b-summary-grid-item__header\">\n            <bento-typography class=\"b-summary-grid-item__title\" el=\"span\" variant=\"body\">\n                <bento-dashed-underline\n                    v-if=\"withUnderline\"\n                    :tooltip-text=\"underlineTooltipText\"\n                    :popover-size=\"underlinePopoverSize\"\n                >\n                    {{ title }}\n                    <template v-if=\"hasSlot('dashed-underline')\" #popover-content>\n                        <slot name=\"dashed-underline\"></slot>\n                    </template>\n                </bento-dashed-underline>\n                <template v-else>\n                    {{ title }}\n                </template>\n            </bento-typography>\n            <div class=\"b-summary-grid-item__title-icons\">\n                <copy v-if=\"copy\" class=\"b-structured-list__icon\" :text=\"copy\" @click=\"$emit('copy-click', $event)\" />\n\n                <bento-info-icon\n                    v-if=\"infoIconTooltipText\"\n                    :tooltip-text=\"infoIconTooltipText\"\n                    tooltip-position=\"top\"\n                    class=\"b-summary-grid-item__title-tooltip\"\n                    @mouseenter=\"$emit('info-icon-mouseenter', $event)\"\n                />\n            </div>\n        </div>\n        <bento-typography\n            data-testid=\"summary-grid-item-content-typography\"\n            class=\"b-summary-grid-item__title\"\n            v-bind=\"typographyProps\"\n            el=\"span\"\n        >\n            <slot />\n            <bento-tag\n                v-if=\"trend && itemType !== 'text'\"\n                :variant=\"trendVariant\"\n                :label=\"trend\"\n                class=\"b-summary-grid-item__content-trend\"\n            />\n        </bento-typography>\n        <bento-typography\n            v-if=\"hasSlot('secondary')\"\n            class=\"b-summary-grid-item__title\"\n            data-testid=\"summary-grid-item-secondary-metric-typography\"\n            el=\"span\"\n            variant=\"caption\"\n            stronger\n        >\n            <slot name=\"secondary\" />\n            <bento-tag\n                v-if=\"secondaryTrend\"\n                :variant=\"secondaryTrendVariant\"\n                :label=\"secondaryTrend\"\n                class=\"b-summary-grid-item__content-trend\"\n            />\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, toRefs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDashedUnderline } from '@/components/dashed-underline';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography, type BentoTypographyVariant } from '@/components/typography';\n    import { BentoTag, type BentoTagVariant } from '@/components/tag';\n    import { Copy } from '@/internal';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n\n    // Types\n    import { SUMMARY_GRID_SLASHED_ZERO } from '@/components/summary-grid/summary-grid.keys';\n    import type { BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';\n    import type { BentoSummaryGridItemEvents, BentoSummaryGridItemProps } from './summary-grid-item.types';\n\n    defineEmits<BentoSummaryGridItemEvents>();\n\n    const props = withDefaults(defineProps<BentoSummaryGridItemProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        itemType: 'custom',\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlinePopoverSize: 'fit-content',\n        underlineTooltipText: null,\n    });\n\n    const { trendDirection, secondaryTrendDirection, itemType, size } = toRefs(props);\n    const hasSlashedZero = inject(SUMMARY_GRID_SLASHED_ZERO, ref(false));\n\n    const tagVariantColor = (direction: `${BentoSummaryGridItemTrendDirection}`): `${BentoTagVariant}` => {\n        switch (direction) {\n            case 'positive':\n                return 'green';\n            case 'negative':\n                return 'red';\n            default:\n                return 'blue';\n        }\n    };\n\n    // TODO implement plus or minus symbol logic\n    const trendVariant = computed(() => tagVariantColor(trendDirection.value));\n    const secondaryTrendVariant = computed(() => tagVariantColor(secondaryTrendDirection.value));\n\n    const typographyContentElement = computed<`${BentoTypographyVariant}`>(() => {\n        if (size.value === 'small') {\n            return 'body';\n        }\n        if (itemType.value !== 'text') {\n            return 'title';\n        }\n\n        return null;\n    });\n\n    const typographyProps = computed(() => ({\n        medium: size.value === 'large',\n        strongest: size.value === 'small',\n        wide: size.value === 'small',\n        variant: typographyContentElement.value,\n    }));\n\n    const computedStyles = computed(() => (props.fitContent ? { width: 'fit-content' } : {}));\n\n    const conditionalClasses = computed(() => ({ 'b-summary-grid-item--slashed-zero': hasSlashedZero.value }));\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const withUnderline = computed(() => props.underlineTooltipText || hasSlot('dashed-underline'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A summary bar item is a piece of information to be displayed in `bento-summary-bar` component\n     *\n     * @example\n     * import { SummaryBarItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { SummaryBarItem },\n     *     template: `\n     *          <summary-grid-item :title=\"textVariable\">\n     *              Content of the item\n     *          </summary-grid-item>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item.scss\" />\n","<template>\n    <summary-grid-item\n        item-type=\"amount\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        :underline-popover-size=\"underlinePopoverSize\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-amount\"\n        @copy-click=\"$emit('copy-click', $event)\"\n        @info-icon-mouseenter=\"$emit('info-icon-mouseenter', $event)\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        <div class=\"b-summary-grid-item-amount__content\">\n            <div>{{ label }}</div>\n            <div v-if=\"secondaryLabel\" class=\"b-summary-grid-item-amount__secondary-label\">{{ secondaryLabel }}</div>\n        </div>\n        <template v-if=\"secondaryMetric\" #secondary>\n            {{ secondaryMetric }}\n        </template>\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { BentoSummaryGridItemEvents, SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemAmountProps } from './summary-grid-item-amount.types';\n\n    defineEmits<BentoSummaryGridItemEvents>();\n\n    withDefaults(defineProps<BentoSummaryGridItemAmountProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        secondaryLabel: null,\n        secondaryMetric: null,\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlinePopoverSize: 'fit-content',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display financial data, such as currency values and monetary amounts\n     *\n     * @example\n     * import { BentoSummaryGridItemAmount } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemAmount },\n     *     template: `\n     *          <bento-summary-grid-item-amount\n     *              title=\"Your title\"\n     *              label=\"200.00 EUR\"\n     *              secondary-label=\"/ day\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item-amount.scss\" />\n","<template>\n    <summary-grid-item\n        item-type=\"numeric\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        :underline-popover-size=\"underlinePopoverSize\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-numeric\"\n        @copy-click=\"$emit('copy-click', $event)\"\n        @info-icon-mouseenter=\"$emit('info-icon-mouseenter', $event)\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        {{ label }}\n        <template v-if=\"secondaryMetric\" #secondary>\n            {{ secondaryMetric }}\n        </template>\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { BentoSummaryGridItemEvents, SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemNumericProps } from './summary-grid-item-numeric.types';\n\n    defineEmits<BentoSummaryGridItemEvents>();\n\n    withDefaults(defineProps<BentoSummaryGridItemNumericProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        secondaryMetric: null,\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlinePopoverSize: 'fit-content',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display any numeric information\n     *\n     * @example\n     * import { BentoSummaryGridItemNumeric } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemNumeric },\n     *     template: `\n     *          <bento-summary-grid-item-numeric\n     *              title=\"Your title\"\n     *              label=\"123\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","<template>\n    <summary-grid-item\n        item-type=\"percentage\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        :underline-popover-size=\"underlinePopoverSize\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-percentage\"\n        @copy-click=\"$emit('copy-click', $event)\"\n        @info-icon-mouseenter=\"$emit('info-icon-mouseenter', $event)\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        {{ computedLabelPercentage }}\n        <template v-if=\"secondaryMetric\" #secondary> {{ computedSecondaryMetricPercentage }} </template>\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { BentoSummaryGridItemEvents, SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { BentoSummaryGridItemPercentageProps } from './summary-grid-item-percentage.types';\n    import type { NumberFormatOptions } from 'vue-i18n';\n\n    const { locale } = useI18n();\n\n    defineEmits<BentoSummaryGridItemEvents>();\n\n    const props = withDefaults(defineProps<BentoSummaryGridItemPercentageProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        secondaryMetric: null,\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlinePopoverSize: 'fit-content',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const percentageArgs: NumberFormatOptions = {\n        style: 'percent',\n        maximumFractionDigits: 2,\n    };\n\n    const isNumeric = (value: string | number) => value != null && value !== '' && !isNaN(Number(value));\n    const convertToPercentIfNumber = (value: string | number) => {\n        if (value && isNumeric(value)) {\n            return new Intl.NumberFormat(locale.value, percentageArgs).format(Number(value) / 100);\n        }\n        return value;\n    };\n\n    const computedLabelPercentage = computed(() => convertToPercentIfNumber(props.label));\n    const computedSecondaryMetricPercentage = computed(() => convertToPercentIfNumber(props.secondaryMetric));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display any percentage information\n     *\n     * @example\n     * import { BentoSummaryGridItemPercentage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemPercentage },\n     *     template: `\n     *          <bento-summary-grid-item-percentage\n     *              title=\"Your title\"\n     *              label=\"123\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        i18n: {},\n    };\n</script>\n","<template>\n    <summary-grid-item\n        item-type=\"text\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :underline-popover-size=\"underlinePopoverSize\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-text\"\n        @copy-click=\"$emit('copy-click', $event)\"\n        @info-icon-mouseenter=\"$emit('info-icon-mouseenter', $event)\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        {{ label }}\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { BentoSummaryGridItemEvents, SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n\n    import type { BentoSummaryGridItemTextProps } from './summary-grid-item-text.types';\n\n    defineEmits<BentoSummaryGridItemEvents>();\n\n    withDefaults(defineProps<BentoSummaryGridItemTextProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        underlinePopoverSize: 'fit-content',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display text only. Can be used for references, IDs or any other text data.\n     *\n     * @example\n     * import { BentoSummaryGridItemText } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemText },\n     *     template: `\n     *          <bento-summary-grid-item-text\n     *              title=\"Your title\"\n     *              label=\"Your text here\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","<template>\n    <summary-grid-item\n        :title=\"title\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :underline-popover-size=\"underlinePopoverSize\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        @copy-click=\"$emit('copy-click', $event)\"\n        @info-icon-mouseenter=\"$emit('info-icon-mouseenter', $event)\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        <slot />\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { BentoSummaryGridItemEvents, SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemCustomProps } from './summary-grid-item-custom.types';\n\n    defineEmits<BentoSummaryGridItemEvents>();\n\n    withDefaults(defineProps<BentoSummaryGridItemCustomProps>(), {\n        copy: undefined,\n        infoIconTooltipText: null,\n        fitContent: false,\n        underlinePopoverSize: 'fit-content',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A summary bar item is a piece of information to be displayed in `bento-summary-bar` component\n     *\n     * @example\n     * import { SummaryBarItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { SummaryBarItem },\n     *     template: `\n     *          <summary-grid-item :title=\"textVariable\">\n     *              Content of the item\n     *          </summary-grid-item>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","import { GridLayoutColumnWidths } from '@/components/internal/grid-layout/grid-layout.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoSummaryGridItemSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoSummaryGridItemTrendDirection {\n    POSITIVE = 'positive',\n    NEGATIVE = 'negative',\n    NEUTRAL = 'neutral',\n}\n\nexport interface BentoSummaryGridColumnWidth {\n    row1: GridLayoutColumnWidths;\n    row2?: GridLayoutColumnWidths;\n    row3?: GridLayoutColumnWidths;\n}\n\nexport type BentoSummaryGridLayout = () => {\n    isSummaryGridLayout: boolean;\n};\n\nexport interface BentoSummaryGridProps {\n    /**\n     * Sets the responsive columns widths values for 1 of the 3 rows.\n     */\n    columnWidth?: BentoSummaryGridColumnWidth;\n\n    /**\n     * Renders a font numeric style with slashed zeros instead of normal ones.\n     */\n    slashedZero?: boolean;\n}\n"],"names":["__default__$6","props","__props","slots","useSlots","hasSlot","useHasSlot","numberOfRows","slotRows","_b","_a","slotName","onMounted","provide","SUMMARY_GRID_LAYOUT_INJECTION_KEY","SUMMARY_GRID_SLASHED_ZERO","toRef","__default__$5","trendDirection","secondaryTrendDirection","itemType","size","toRefs","hasSlashedZero","inject","ref","tagVariantColor","direction","trendVariant","computed","secondaryTrendVariant","typographyContentElement","typographyProps","computedStyles","conditionalClasses","withUnderline","__default__$4","__default__$3","__default__$2","locale","useI18n","percentageArgs","isNumeric","value","convertToPercentIfNumber","computedLabelPercentage","computedSecondaryMetricPercentage","__default__$1","__default__","BentoSummaryGridItemSize","BentoSummaryGridItemSize2","BentoSummaryGridItemTrendDirection","BentoSummaryGridItemTrendDirection2"],"mappings":"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"}