@adyen/bento-vue2 0.10.0 → 0.10.1-2

package/dist/summary-grid.js

@@ -0,0 +1,526 @@
+import "./assets/index28.css";
+import { defineComponent as s, toRefs as T, computed as c } from "vue";
+import { h as S } from "./chunks/hasSlot.dceac207.js";
+import { G as b } from "./chunks/grid-layout.14423a2e.js";
+import { n as u } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { BentoInfoIcon as C } from "./info-icon.js";
+import { BentoTypography as h, BentoTypographyVariant as y, BentoTypographyElement as I } from "./typography.js";
+import { BentoTag as $, BentoTagVariant as f } from "./tag.js";
+import { PopperContainerPosition as E } from "./popper-container.js";
+import { C as x } from "./chunks/copy.fa9aa27e.js";
+const A = s({
+  name: "bento-summary-grid",
+  components: { GridLayout: b },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Sets the responsive columns widths values for 1 of the 3 rows.
+     */
+    columnWidth: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(r, { slots: t }) {
+    var n, l;
+    let e = 1;
+    if (t) {
+      const _ = (l = (n = Object.keys(t)) == null ? void 0 : n.filter((m) => m.includes("cell-"))) == null ? void 0 : l.map((m) => {
+        var d;
+        return parseInt((d = m.split("-")) == null ? void 0 : d[1], 10);
+      });
+      if (e = Math.max(..._), e > 3)
+        throw new Error(
+          "BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information."
+        );
+    }
+    return {
+      hasSlot: S(t),
+      numberOfRows: e
+    };
+  }
+});
+var P = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "b-summary-grid" }, t._l(t.numberOfRows, function(n) {
+    var l;
+    return e("grid-layout", { key: `summary-grid-row-${n}`, attrs: { "data-testid": `summary-grid-row-${n}`, "column-width": (l = t.columnWidth) == null ? void 0 : l[`row${n}`] }, scopedSlots: t._u([t.hasSlot(`cell-${n}-1`) ? { key: "col-1", fn: function() {
+      return [t._t(`cell-${n}-1`)];
+    }, proxy: !0 } : null, t.hasSlot(`cell-${n}-2`) ? { key: "col-2", fn: function() {
+      return [t._t(`cell-${n}-2`)];
+    }, proxy: !0 } : null, t.hasSlot(`cell-${n}-3`) ? { key: "col-3", fn: function() {
+      return [t._t(`cell-${n}-3`)];
+    }, proxy: !0 } : null, t.hasSlot(`cell-${n}-4`) ? { key: "col-4", fn: function() {
+      return [t._t(`cell-${n}-4`)];
+    }, proxy: !0 } : null, t.hasSlot(`cell-${n}-5`) ? { key: "col-5", fn: function() {
+      return [t._t(`cell-${n}-5`)];
+    }, proxy: !0 } : null, t.hasSlot(`cell-${n}-6`) ? { key: "col-6", fn: function() {
+      return [t._t(`cell-${n}-6`)];
+    }, proxy: !0 } : null], null, !0) });
+  }), 1);
+}, L = [], G = /* @__PURE__ */ u(
+  A,
+  P,
+  L,
+  !1,
+  null,
+  "c00b4da7",
+  null,
+  null
+);
+const pt = G.exports;
+var i = /* @__PURE__ */ ((r) => (r.SMALL = "small", r.MEDIUM = "medium", r.LARGE = "large", r))(i || {}), a = /* @__PURE__ */ ((r) => (r.POSITIVE = "positive", r.NEGATIVE = "negative", r.NEUTRAL = "neutral", r))(a || {}), o = /* @__PURE__ */ ((r) => (r.AMOUNT = "amount", r.PERCENTAGE = "percentage", r.NUMERIC = "numeric", r.TEXT = "text", r.CUSTOM = "custom", r))(o || {});
+const R = s({
+  name: "summary-grid-item",
+  components: { BentoInfoIcon: C, BentoTypography: h, BentoTag: $, Copy: x },
+  props: {
+    /**
+     * Text to copy to the clipboard
+     */
+    copy: { type: String, default: void 0 },
+    /**
+     * Applies styling based on content type
+     */
+    // TODO add text truncation for SummaryGridItemType.TEXT
+    itemType: {
+      type: String,
+      default: o.CUSTOM
+    },
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    infoIconTooltipText: { type: String, default: null },
+    /**
+     * Text used as a title
+     */
+    title: { type: String, required: !0 },
+    /**
+     * The width of `summary-grid-item` fits its content
+     */
+    fitContent: { type: Boolean, default: !1 },
+    // amount, percentage and numeric props
+    /**
+     * Defines the size of the `summary-grid-item` text content
+     */
+    // TODO implement logic for Large size
+    size: {
+      type: String,
+      default: i.SMALL
+    },
+    /**
+     * Defines the color of trend label
+     */
+    trendDirection: {
+      type: String,
+      default: a.POSITIVE
+    },
+    /**
+     * Shows colored trend label next to text content
+     */
+    trend: {
+      type: String,
+      default: null
+    }
+  },
+  setup(r) {
+    const { trendDirection: t, itemType: e, size: n } = T(r), l = c(() => t.value === a.POSITIVE ? f.GREEN : t.value === a.NEGATIVE ? f.RED : f.BLUE), _ = c(
+      () => e.value === o.TEXT || e.value === o.PERCENTAGE || e.value === o.AMOUNT || e.value === o.NUMERIC
+    ), m = c(() => {
+      if (_.value) {
+        if (n.value === i.SMALL)
+          return y.BODY;
+        if (e.value !== o.TEXT)
+          return y.TITLE;
+      }
+      return null;
+    }), d = c(() => ({
+      medium: n.value === i.LARGE,
+      strongest: n.value === i.SMALL,
+      wide: n.value === i.SMALL,
+      variant: m.value
+    })), g = c(() => r.fitContent ? { width: "fit-content" } : {}), v = c(() => ({
+      [`b-summary-grid-item__content-trend--${r.trend}`]: r.trend
+    }));
+    return {
+      // Values
+      trendVariant: l,
+      isContentTypographyApplied: _,
+      typographyProps: d,
+      // Styles
+      computedStyles: g,
+      summaryBarItemTrendConditionalClasses: v,
+      // Enums
+      BentoTypographyElement: I,
+      BentoTypographyVariant: y,
+      SummaryGridItemType: o,
+      BentoSummaryGridItemSize: i,
+      PopperContainerPosition: E
+    };
+  }
+});
+var B = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "b-summary-grid-item", style: t.computedStyles }, [e("div", { staticClass: "b-summary-grid-item__header" }, [e("bento-typography", { staticClass: "b-summary-grid-item__title", attrs: { el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.BODY } }, [t._v(" " + t._s(t.title) + " ")]), e("div", { staticClass: "b-summary-grid-item__title-icons" }, [t.copy ? e("copy", { staticClass: "b-structured-list__icon", attrs: { text: t.copy } }) : t._e(), t.infoIconTooltipText ? e("bento-info-icon", { staticClass: "b-summary-grid-item__title-tooltip", attrs: { "tooltip-text": t.infoIconTooltipText, "tooltip-position": t.PopperContainerPosition.TOP } }) : t._e()], 1)], 1), e("div", { staticClass: "b-summary-grid-item__content" }, [t.isContentTypographyApplied ? e("bento-typography", t._b({ staticClass: "b-summary-grid-item__title", attrs: { "data-testid": "summary-grid-item-content-typography", el: t.BentoTypographyElement.SPAN } }, "bento-typography", t.typographyProps, !1), [t._t("default"), t.trend && t.itemType !== t.SummaryGridItemType.TEXT ? e("bento-tag", { staticClass: "b-summary-grid-item__content-trend", attrs: { variant: t.trendVariant, label: t.trend } }) : t._e()], 2) : t._t("default")], 2)]);
+}, M = [], O = /* @__PURE__ */ u(
+  R,
+  B,
+  M,
+  !1,
+  null,
+  "e1380ddf",
+  null,
+  null
+);
+const p = O.exports, N = s({
+  name: "bento-summary-grid-item-amount",
+  components: { SummaryGridItem: p },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Text to copy to the clipboard
+     */
+    copy: { type: String, default: void 0 },
+    /**
+     * Amount to be shown as the main value
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Adds additional label next to amount content
+     */
+    secondaryLabel: {
+      type: String,
+      default: null
+    },
+    /**
+     * Text used as a title
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    infoIconTooltipText: {
+      type: String,
+      default: null
+    },
+    /**
+     * The width of `summary-grid-item` fits its content
+     */
+    fitContent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Defines the direction (color) of the trend label
+     */
+    trendDirection: {
+      type: String,
+      default: a.POSITIVE
+    },
+    /**
+     * Shows colored trend label next to text content
+     */
+    trend: {
+      type: String,
+      default: null
+    },
+    /**
+     * Defines the size of the `summary-grid-item` text content
+     */
+    size: {
+      type: String,
+      default: i.SMALL
+    }
+  },
+  setup() {
+    return {
+      // Enums
+      SummaryGridItemType: o
+    };
+  }
+});
+var V = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-amount", attrs: { "item-type": t.SummaryGridItemType.AMOUNT, "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 } }, [e("div", { staticClass: "b-summary-grid-item-amount__content" }, [e("div", [t._v(t._s(t.label))]), t.secondaryLabel ? e("div", { staticClass: "b-summary-grid-item-amount__secondary-label" }, [t._v(t._s(t.secondaryLabel))]) : t._e()])]);
+}, w = [], U = /* @__PURE__ */ u(
+  N,
+  V,
+  w,
+  !1,
+  null,
+  "77c14faf",
+  null,
+  null
+);
+const _t = U.exports, q = s({
+  name: "bento-summary-grid-item-numeric",
+  components: { SummaryGridItem: p },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Text to copy to the clipboard
+     */
+    copy: { type: String, default: void 0 },
+    /**
+     * Amount to be shown as the main value
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text used as a title
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    infoIconTooltipText: {
+      type: String,
+      default: null
+    },
+    /**
+     * The width of `summary-grid-item` fits its content
+     */
+    fitContent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Defines the direction (color) of the trend label
+     */
+    trendDirection: {
+      type: String,
+      default: a.POSITIVE
+    },
+    /**
+     * Shows colored trend label next to text content
+     */
+    trend: {
+      type: String,
+      default: null
+    },
+    /**
+     * Defines the size of the `summary-grid-item` text content
+     */
+    size: {
+      type: String,
+      default: i.SMALL
+    }
+  },
+  setup() {
+    return {
+      // Enums
+      SummaryGridItemType: o
+    };
+  }
+});
+var z = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-numeric", attrs: { "item-type": t.SummaryGridItemType.NUMERIC, "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 } }, [t._v(" " + t._s(t.label) + " ")]);
+}, D = [], k = /* @__PURE__ */ u(
+  q,
+  z,
+  D,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const dt = k.exports, F = s({
+  name: "bento-summary-grid-item-percentage",
+  components: { SummaryGridItem: p },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Amount to be shown as the main value
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text used as a title
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    infoIconTooltipText: {
+      type: String,
+      default: null
+    },
+    /**
+     * Text to copy to the clipboard
+     */
+    copy: { type: String, default: void 0 },
+    /**
+     * The width of `summary-grid-item` fits its content
+     */
+    fitContent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Defines the direction (color) of the trend label
+     */
+    trendDirection: {
+      type: String,
+      default: a.POSITIVE
+    },
+    /**
+     * Shows colored trend label next to text content
+     */
+    trend: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Defines the size of the `summary-grid-item` text content
+     */
+    size: {
+      type: String,
+      default: i.SMALL
+    }
+  },
+  setup() {
+    return {
+      // Enums
+      SummaryGridItemType: o
+    };
+  }
+});
+var X = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-percentage", attrs: { "item-type": t.SummaryGridItemType.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 } }, [t._v(" " + t._s(t.label) + "% ")]);
+}, j = [], W = /* @__PURE__ */ u(
+  F,
+  X,
+  j,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const yt = W.exports, Y = s({
+  name: "bento-summary-grid-item-text",
+  components: { SummaryGridItem: p },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Text to copy to the clipboard
+     */
+    copy: { type: String, default: void 0 },
+    /**
+     * Amount to be shown as the main value
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text used as a title
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    infoIconTooltipText: {
+      type: String,
+      default: null
+    },
+    /**
+     * The width of `summary-grid-item` fits its content
+     */
+    fitContent: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return {
+      // Enums
+      SummaryGridItemType: o
+    };
+  }
+});
+var H = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-text", attrs: { "item-type": t.SummaryGridItemType.TEXT, "info-icon-tooltip-text": t.infoIconTooltipText, title: t.title, copy: t.copy, "fit-content": t.fitContent } }, [t._v(" " + t._s(t.label) + " ")]);
+}, J = [], K = /* @__PURE__ */ u(
+  Y,
+  H,
+  J,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ft = K.exports, Q = s({
+  name: "bento-summary-grid-item-custom",
+  components: { SummaryGridItem: p },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Text to copy to the clipboard
+     */
+    copy: { type: String, default: void 0 },
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    infoIconTooltipText: { type: String, default: null },
+    /**
+     * Text used as a title
+     */
+    title: { type: String, required: !0 },
+    /**
+     * The width of `summary-grid-item` fits its content
+     */
+    fitContent: { type: Boolean, default: !1 }
+  },
+  emits: ["copy-to-clipboard"]
+});
+var Z = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("summary-grid-item", { attrs: { title: t.title, "info-icon-tooltip-text": t.infoIconTooltipText, copy: t.copy, "fit-content": t.fitContent }, on: { "copy-to-clipoard": function(n) {
+    return t.$emit("copy-to-clipboard");
+  } } }, [t._t("default")], 2);
+}, tt = [], et = /* @__PURE__ */ u(
+  Q,
+  Z,
+  tt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const gt = et.exports;
+export {
+  pt as BentoSummaryGrid,
+  _t as BentoSummaryGridItemAmount,
+  gt as BentoSummaryGridItemCustom,
+  dt as BentoSummaryGridItemNumeric,
+  yt as BentoSummaryGridItemPercentage,
+  i as BentoSummaryGridItemSize,
+  ft as BentoSummaryGridItemText,
+  a as BentoSummaryGridItemTrendDirection
+};
+//# sourceMappingURL=summary-grid.js.map

package/dist/summary-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-grid.js","sources":["../src/components/summary-grid/summary-grid.vue","../src/components/summary-grid/summary-grid.types.ts","../src/components/summary-grid/components/summary-grid-item/summary-grid-item.types.ts","../src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue","../src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue","../src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue","../src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue","../src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue","../src/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue"],"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 lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { BentoSummaryGridColumnWidth } from './summary-grid.types';\n    import { GridLayout } from '@/components/internal';\n    import { hasSlot } from '@/utils/ts/hasSlot';\n\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 defineComponent({\n        name: 'bento-summary-grid',\n        components: { GridLayout },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Sets the responsive columns widths values for 1 of the 3 rows.\n             */\n            columnWidth: {\n                type: Object as PropType<BentoSummaryGridColumnWidth>,\n                default: null,\n            },\n        },\n\n        setup(_props, { slots }) {\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                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            return {\n                hasSlot: hasSlot(slots),\n                numberOfRows,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid.scss\" />\n","import { GridLayoutColumnWidth } from '@/components/internal/grid-layout/grid-layout.types';\n\nexport enum BentoSummaryGridItemSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\nexport enum BentoSummaryGridItemTrendDirection {\n    POSITIVE = 'positive',\n    NEGATIVE = 'negative',\n    NEUTRAL = 'neutral',\n}\n\nexport interface BentoSummaryGridColumnWidth {\n    row1: Array<GridLayoutColumnWidth>;\n    row2?: Array<GridLayoutColumnWidth>;\n    row3?: Array<GridLayoutColumnWidth>;\n}\n","export enum SummaryGridItemType {\n    AMOUNT = 'amount',\n    PERCENTAGE = 'percentage',\n    NUMERIC = 'numeric',\n    TEXT = 'text',\n    CUSTOM = 'custom',\n}\n","<template>\n    <div class=\"b-summary-grid-item\" :style=\"computedStyles\">\n        <div class=\"b-summary-grid-item__header\">\n            <bento-typography\n                class=\"b-summary-grid-item__title\"\n                :el=\"BentoTypographyElement.SPAN\"\n                :variant=\"BentoTypographyVariant.BODY\"\n            >\n                {{ title }}\n            </bento-typography>\n            <div class=\"b-summary-grid-item__title-icons\">\n                <copy v-if=\"copy\" class=\"b-structured-list__icon\" :text=\"copy\" />\n\n                <bento-info-icon\n                    v-if=\"infoIconTooltipText\"\n                    :tooltip-text=\"infoIconTooltipText\"\n                    :tooltip-position=\"PopperContainerPosition.TOP\"\n                    class=\"b-summary-grid-item__title-tooltip\"\n                />\n            </div>\n        </div>\n        <div class=\"b-summary-grid-item__content\">\n            <bento-typography\n                v-if=\"isContentTypographyApplied\"\n                data-testid=\"summary-grid-item-content-typography\"\n                class=\"b-summary-grid-item__title\"\n                v-bind=\"typographyProps\"\n                :el=\"BentoTypographyElement.SPAN\"\n            >\n                <slot />\n                <bento-tag\n                    v-if=\"trend && itemType !== SummaryGridItemType.TEXT\"\n                    :variant=\"trendVariant\"\n                    :label=\"trend\"\n                    class=\"b-summary-grid-item__content-trend\"\n                />\n            </bento-typography>\n\n            <slot v-else />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRefs } from 'vue';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { BentoTag, BentoTagVariant } from '@/components/tag';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { Copy } from '@/internal';\n    import { SummaryGridItemType } from './summary-grid-item.types';\n\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 defineComponent({\n        name: 'summary-grid-item',\n        components: { BentoInfoIcon, BentoTypography, BentoTag, Copy },\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Applies styling based on content type\n             */\n            // TODO add text truncation for SummaryGridItemType.TEXT\n            itemType: {\n                type: String as PropType<SummaryGridItemType>,\n                default: SummaryGridItemType.CUSTOM,\n            },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: String, default: null },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: { type: Boolean, default: false },\n\n            // amount, percentage and numeric props\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            // TODO implement logic for Large size\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize>,\n                default: BentoSummaryGridItemSize.SMALL,\n            },\n\n            /**\n             * Defines the color of trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n            },\n            /**\n             * Shows colored trend label next to text content\n             */\n            trend: {\n                type: String,\n                default: null,\n            },\n        },\n        setup(props) {\n            const { trendDirection, itemType, size } = toRefs(props);\n\n            // TODO implement plus or minus symbol logic\n            const trendVariant = computed(() => {\n                if (trendDirection.value === BentoSummaryGridItemTrendDirection.POSITIVE) {\n                    return BentoTagVariant.GREEN;\n                }\n                if (trendDirection.value === BentoSummaryGridItemTrendDirection.NEGATIVE) {\n                    return BentoTagVariant.RED;\n                }\n\n                return BentoTagVariant.BLUE;\n            });\n\n            const isContentTypographyApplied = computed(\n                () =>\n                    itemType.value === SummaryGridItemType.TEXT ||\n                    itemType.value === SummaryGridItemType.PERCENTAGE ||\n                    itemType.value === SummaryGridItemType.AMOUNT ||\n                    itemType.value === SummaryGridItemType.NUMERIC\n            );\n\n            const typographyContentElement = computed(() => {\n                if (isContentTypographyApplied.value) {\n                    if (size.value === BentoSummaryGridItemSize.SMALL) {\n                        return BentoTypographyVariant.BODY;\n                    }\n                    if (itemType.value !== SummaryGridItemType.TEXT) {\n                        return BentoTypographyVariant.TITLE;\n                    }\n                }\n\n                return null;\n            });\n\n            const typographyProps = computed(() => ({\n                medium: size.value === BentoSummaryGridItemSize.LARGE,\n                strongest: size.value === BentoSummaryGridItemSize.SMALL,\n                wide: size.value === BentoSummaryGridItemSize.SMALL,\n                variant: typographyContentElement.value,\n            }));\n\n            const computedStyles = computed(() => (props.fitContent ? { width: 'fit-content' } : {}));\n\n            const summaryBarItemTrendConditionalClasses = computed(() => ({\n                [`b-summary-grid-item__content-trend--${props.trend}`]: props.trend,\n            }));\n\n            return {\n                // Values\n                trendVariant,\n                isContentTypographyApplied,\n                typographyProps,\n\n                // Styles\n                computedStyles,\n                summaryBarItemTrendConditionalClasses,\n\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                SummaryGridItemType,\n                BentoSummaryGridItemSize,\n                PopperContainerPosition,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item.scss\" />\n","<template>\n    <summary-grid-item\n        :item-type=\"SummaryGridItemType.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        class=\"b-summary-grid-item-amount\"\n    >\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    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItem, SummaryGridItemType } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display financial data, such as currency values and monetary amounts\n     *\n     * @example\n     * import { BentoSummaryGridItemAmount, BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } 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=\"BentoSummaryGridItemTrendDirection.NEUTRAL\"\n     *              :size=\"BentoSummaryGridItemSize.MEDIUM\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-amount',\n        components: { SummaryGridItem },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Adds additional label next to amount content\n             */\n            secondaryLabel: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Defines the direction (color) of the trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n            },\n\n            /**\n             * Shows colored trend label next to text content\n             */\n            trend: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize>,\n                default: BentoSummaryGridItemSize.SMALL,\n            },\n        },\n\n        setup() {\n            return {\n                // Enums\n                SummaryGridItemType,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item-amount.scss\" />\n","<template>\n    <summary-grid-item\n        :item-type=\"SummaryGridItemType.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        class=\"b-summary-grid-item-numeric\"\n    >\n        {{ label }}\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItem, SummaryGridItemType } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display any numeric information\n     *\n     * @example\n     * import { BentoSummaryGridItemNumeric, BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } 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=\"BentoSummaryGridItemTrendDirection.NEUTRAL\"\n     *              :size=\"BentoSummaryGridItemSize.MEDIUM\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-numeric',\n        components: { SummaryGridItem },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Defines the direction (color) of the trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n            },\n            /**\n             * Shows colored trend label next to text content\n             */\n            trend: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize>,\n                default: BentoSummaryGridItemSize.SMALL,\n            },\n        },\n\n        setup() {\n            return {\n                // Enums\n                SummaryGridItemType,\n            };\n        },\n    });\n</script>\n","<template>\n    <summary-grid-item\n        :item-type=\"SummaryGridItemType.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        class=\"b-summary-grid-item-percentage\"\n    >\n        {{ label }}%\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItem, SummaryGridItemType } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display any percentage information\n     *\n     * @example\n     * import { BentoSummaryGridItemPercentage, BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } 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=\"BentoSummaryGridItemTrendDirection.NEUTRAL\"\n     *              :size=\"BentoSummaryGridItemSize.MEDIUM\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-percentage',\n        components: { SummaryGridItem },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Defines the direction (color) of the trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n            },\n            /**\n             * Shows colored trend label next to text content\n             */\n            trend: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize>,\n                default: BentoSummaryGridItemSize.SMALL,\n            },\n        },\n\n        setup() {\n            return {\n                // Enums\n                SummaryGridItemType,\n            };\n        },\n    });\n</script>\n","<template>\n    <summary-grid-item\n        :item-type=\"SummaryGridItemType.TEXT\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        class=\"b-summary-grid-item-text\"\n    >\n        {{ label }}\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n    import { SummaryGridItem, SummaryGridItemType } from '../summary-grid-item';\n\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 defineComponent({\n        name: 'bento-summary-grid-item-text',\n        components: { SummaryGridItem },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n        },\n\n        setup() {\n            return {\n                // Enums\n                SummaryGridItemType,\n            };\n        },\n    });\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        @copy-to-clipoard=\"$emit('copy-to-clipboard')\"\n    >\n        <slot />\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n    import SummaryGridItem from '../summary-grid-item/summary-grid-item.vue';\n\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 defineComponent({\n        name: 'bento-summary-grid-item-custom',\n        components: { SummaryGridItem },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: String, default: null },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: { type: Boolean, default: false },\n        },\n        emits: ['copy-to-clipboard'],\n    });\n</script>\n"],"names":["_sfc_main$6","defineComponent","GridLayout","_props","slots","numberOfRows","slotRows","_b","_a","slotName","hasSlot","BentoSummaryGridItemSize","BentoSummaryGridItemSize2","BentoSummaryGridItemTrendDirection","BentoSummaryGridItemTrendDirection2","SummaryGridItemType","SummaryGridItemType2","_sfc_main$5","BentoInfoIcon","BentoTypography","BentoTag","Copy","props","trendDirection","itemType","size","toRefs","trendVariant","computed","BentoTagVariant","isContentTypographyApplied","typographyContentElement","BentoTypographyVariant","typographyProps","computedStyles","summaryBarItemTrendConditionalClasses","BentoTypographyElement","PopperContainerPosition","_sfc_main$4","SummaryGridItem","_sfc_main$3","_sfc_main$2","_sfc_main$1","_sfc_main"],"mappings":"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"}