@adyen/bento-vue3 1.53.0 → 1.54.0

package/dist/chunks/summary-grid-item-custom.ACP0RH0N.js

@@ -1,826 +0,0 @@
-import { defineComponent as v, provide as D, toRef as q, resolveComponent as m, createElementBlock as _, openBlock as a, Fragment as R, renderList as Y, createBlock as p, createSlots as h, withCtx as o, renderSlot as l, toRefs as Z, inject as H, ref as W, computed as S, normalizeStyle as X, normalizeClass as F, createElementVNode as L, createVNode as B, createCommentVNode as I, createTextVNode as T, toDisplayString as y, mergeProps as J } from "vue";
-import { u as $ } from "./use-has-slot.B7eQSabc.js";
-import { S as K, a as w } from "./summary-grid.keys.CxTf_FOc.js";
-import { G as Q } from "./grid-layout.BTLE3rac.js";
-import { _ as b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as x } from "./dashed-underline.BuCIjMch.js";
-import { B as ee } from "./info-icon.DxOAiUg4.js";
-import { B as te, a as A } from "./typography.DN5eC5ch.js";
-import { B as ne, a as M } from "./tag.DVkBzXMx.js";
-import { C as oe } from "./copy.BYG9aoNO.js";
-import "../assets/summary-grid-item-custom.css";
-const re = v({
-  name: "bento-summary-grid",
-  components: { GridLayout: Q },
-  props: {
-    /**
-     * Sets the responsive columns widths values for 1 of the 3 rows.
-     */
-    columnWidth: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Renders a font numeric style with slashed zeros instead of normal ones.
-     */
-    slashedZero: { type: Boolean, default: !1 }
-  },
-  setup(e, { slots: n }) {
-    var c, d;
-    let u = 1;
-    if (n) {
-      const i = (d = (c = Object.keys(n)) == null ? void 0 : c.filter((t) => t.includes("cell-"))) == null ? void 0 : d.map((t) => {
-        var g;
-        return parseInt((g = t.split("-")) == null ? void 0 : g[1], 10);
-      });
-      if (u = Math.max(...i), u > 3)
-        throw new Error(
-          "BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information."
-        );
-    }
-    return D(K, () => ({ isSummaryGridLayout: !0 })), D(w, q(e, "slashedZero")), {
-      hasSlot: $(n),
-      numberOfRows: u
-    };
-  }
-}), ie = { class: "b-summary-grid" };
-function ae(e, n, u, f, c, d) {
-  const i = m("grid-layout");
-  return a(), _("div", ie, [
-    (a(!0), _(R, null, Y(e.numberOfRows, (t) => {
-      var g;
-      return a(), p(i, {
-        key: `summary-grid-row-${t}`,
-        "data-testid": `summary-grid-row-${t}`,
-        "column-width": (g = e.columnWidth) == null ? void 0 : g[`row${t}`]
-      }, h({ _: 2 }, [
-        e.hasSlot(`cell-${t}-1`) ? {
-          name: "col-1",
-          fn: o(() => [
-            l(e.$slots, `cell-${t}-1`, {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        e.hasSlot(`cell-${t}-2`) ? {
-          name: "col-2",
-          fn: o(() => [
-            l(e.$slots, `cell-${t}-2`, {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.hasSlot(`cell-${t}-3`) ? {
-          name: "col-3",
-          fn: o(() => [
-            l(e.$slots, `cell-${t}-3`, {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        e.hasSlot(`cell-${t}-4`) ? {
-          name: "col-4",
-          fn: o(() => [
-            l(e.$slots, `cell-${t}-4`, {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        e.hasSlot(`cell-${t}-5`) ? {
-          name: "col-5",
-          fn: o(() => [
-            l(e.$slots, `cell-${t}-5`, {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        e.hasSlot(`cell-${t}-6`) ? {
-          name: "col-6",
-          fn: o(() => [
-            l(e.$slots, `cell-${t}-6`, {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0
-      ]), 1032, ["data-testid", "column-width"]);
-    }), 128))
-  ]);
-}
-const Be = /* @__PURE__ */ b(re, [["render", ae], ["__scopeId", "data-v-0a9985aa"]]);
-var s = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(s || {}), r = /* @__PURE__ */ ((e) => (e.POSITIVE = "positive", e.NEGATIVE = "negative", e.NEUTRAL = "neutral", e))(r || {}), O = /* @__PURE__ */ ((e) => (e.AMOUNT = "amount", e.PERCENTAGE = "percentage", e.NUMERIC = "numeric", e.TEXT = "text", e.CUSTOM = "custom", e))(O || {});
-const le = v({
-  name: "summary-grid-item",
-  components: { BentoDashedUnderline: x, BentoInfoIcon: ee, BentoTypography: te, BentoTag: ne, Copy: oe },
-  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,
-      validator: (e) => Object.values(O).includes(e)
-    },
-    /**
-     * 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: s.SMALL,
-      validator: (e) => Object.values(s).includes(e)
-    },
-    /**
-     * Shows colored trend label next to text content
-     */
-    trend: {
-      type: String,
-      default: null
-    },
-    /**
-     * Defines the color of trend label
-     */
-    trendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Shows colored trend tag next to secondary metric value
-     */
-    secondaryTrend: {
-      type: String,
-      default: null
-    },
-    /**
-     * Defines the color of secondary trend tag
-     */
-    secondaryTrendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Text showed in a dashed-underline title tooltip on hover
-     */
-    underlineTooltipText: { type: String, default: null }
-  },
-  setup(e, { slots: n }) {
-    const { trendDirection: u, secondaryTrendDirection: f, itemType: c, size: d } = Z(e), i = H(w, W(!1)), t = (U) => {
-      switch (U) {
-        case r.POSITIVE:
-          return M.GREEN;
-        case r.NEGATIVE:
-          return M.RED;
-        default:
-          return M.BLUE;
-      }
-    }, g = S(() => t(u.value)), k = S(() => t(f.value)), C = S(() => d.value === s.SMALL ? A.BODY : c.value !== O.TEXT ? A.TITLE : null), j = S(() => ({
-      medium: d.value === s.LARGE,
-      strongest: d.value === s.SMALL,
-      wide: d.value === s.SMALL,
-      variant: C.value
-    })), z = S(() => e.fitContent ? { width: "fit-content" } : {}), P = S(() => ({ "b-summary-grid-item--slashed-zero": i.value })), G = S(() => ({
-      [`b-summary-grid-item__content-trend--${e.trend}`]: e.trend
-    })), V = $(n), N = S(() => e.underlineTooltipText || V("dashed-underline"));
-    return {
-      // Values
-      trendVariant: g,
-      secondaryTrendVariant: k,
-      typographyProps: j,
-      withUnderline: N,
-      // Styles
-      conditionalClasses: P,
-      computedStyles: z,
-      summaryBarItemTrendConditionalClasses: G,
-      // Utils
-      hasSlot: V
-    };
-  }
-}), de = { class: "b-summary-grid-item__header" }, se = { class: "b-summary-grid-item__title-icons" };
-function ue(e, n, u, f, c, d) {
-  const i = m("bento-dashed-underline"), t = m("bento-typography"), g = m("copy"), k = m("bento-info-icon"), C = m("bento-tag");
-  return a(), _("div", {
-    class: F(["b-summary-grid-item", e.conditionalClasses]),
-    style: X(e.computedStyles)
-  }, [
-    L("div", de, [
-      B(t, {
-        class: "b-summary-grid-item__title",
-        el: "span",
-        variant: "body"
-      }, {
-        default: o(() => [
-          e.withUnderline ? (a(), p(i, {
-            key: 0,
-            "tooltip-text": e.underlineTooltipText
-          }, h({
-            default: o(() => [
-              T(y(e.title) + " ", 1)
-            ]),
-            _: 2
-          }, [
-            e.hasSlot("dashed-underline") ? {
-              name: "popover-content",
-              fn: o(() => [
-                l(e.$slots, "dashed-underline", {}, void 0, !0)
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["tooltip-text"])) : (a(), _(R, { key: 1 }, [
-            T(y(e.title), 1)
-          ], 64))
-        ]),
-        _: 3
-      }),
-      L("div", se, [
-        e.copy ? (a(), p(g, {
-          key: 0,
-          class: "b-structured-list__icon",
-          text: e.copy
-        }, null, 8, ["text"])) : I("", !0),
-        e.infoIconTooltipText ? (a(), p(k, {
-          key: 1,
-          "tooltip-text": e.infoIconTooltipText,
-          "tooltip-position": "top",
-          class: "b-summary-grid-item__title-tooltip"
-        }, null, 8, ["tooltip-text"])) : I("", !0)
-      ])
-    ]),
-    B(t, J({
-      "data-testid": "summary-grid-item-content-typography",
-      class: "b-summary-grid-item__title"
-    }, e.typographyProps, { el: "span" }), {
-      default: o(() => [
-        l(e.$slots, "default", {}, void 0, !0),
-        e.trend && e.itemType !== "text" ? (a(), p(C, {
-          key: 0,
-          variant: e.trendVariant,
-          label: e.trend,
-          class: "b-summary-grid-item__content-trend"
-        }, null, 8, ["variant", "label"])) : I("", !0)
-      ]),
-      _: 3
-    }, 16),
-    e.hasSlot("secondary") ? (a(), p(t, {
-      key: 0,
-      class: "b-summary-grid-item__title",
-      "data-testid": "summary-grid-item-secondary-metric-typography",
-      el: "span",
-      variant: "caption",
-      stronger: ""
-    }, {
-      default: o(() => [
-        l(e.$slots, "secondary", {}, void 0, !0),
-        e.secondaryTrend ? (a(), p(C, {
-          key: 0,
-          variant: e.secondaryTrendVariant,
-          label: e.secondaryTrend,
-          class: "b-summary-grid-item__content-trend"
-        }, null, 8, ["variant", "label"])) : I("", !0)
-      ]),
-      _: 3
-    })) : I("", !0)
-  ], 6);
-}
-const E = /* @__PURE__ */ b(le, [["render", ue], ["__scopeId", "data-v-67400fc8"]]), pe = v({
-  name: "bento-summary-grid-item-amount",
-  components: { SummaryGridItem: E },
-  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
-    },
-    /**
-     * Amount to be shown as the secondary metric value
-     */
-    secondaryMetric: {
-      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
-    },
-    /**
-     * Shows colored trend label next to main label
-     */
-    trend: {
-      type: String,
-      default: null
-    },
-    /**
-     * Defines the direction (color) of the trend label
-     */
-    trendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Shows colored secondary trend tag next to the secondary metric value
-     */
-    secondaryTrend: {
-      type: String,
-      default: null
-    },
-    /**
-     * Defines the direction (color) of the secondary metric's trend tag
-     */
-    secondaryTrendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Defines the size of the `summary-grid-item` text content
-     */
-    size: {
-      type: String,
-      default: s.SMALL,
-      validator: (e) => Object.values(s).includes(e)
-    },
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    underlineTooltipText: { type: String, default: null }
-  },
-  setup(e, { slots: n }) {
-    return { hasSlot: $(n) };
-  }
-}), ce = { class: "b-summary-grid-item-amount__content" }, me = {
-  key: 0,
-  class: "b-summary-grid-item-amount__secondary-label"
-};
-function ye(e, n, u, f, c, d) {
-  const i = m("summary-grid-item");
-  return a(), p(i, {
-    "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-tooltip-text": e.underlineTooltipText,
-    class: "b-summary-grid-item-amount"
-  }, h({
-    default: o(() => [
-      L("div", ce, [
-        L("div", null, y(e.label), 1),
-        e.secondaryLabel ? (a(), _("div", me, y(e.secondaryLabel), 1)) : I("", !0)
-      ])
-    ]),
-    _: 2
-  }, [
-    e.hasSlot("dashed-underline") ? {
-      name: "dashed-underline",
-      fn: o(() => [
-        l(e.$slots, "dashed-underline", {}, void 0, !0)
-      ]),
-      key: "0"
-    } : void 0,
-    e.secondaryMetric ? {
-      name: "secondary",
-      fn: o(() => [
-        T(y(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-tooltip-text"]);
-}
-const Ae = /* @__PURE__ */ b(pe, [["render", ye], ["__scopeId", "data-v-f4b5a860"]]), fe = v({
-  name: "bento-summary-grid-item-numeric",
-  components: { SummaryGridItem: E },
-  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
-    },
-    /**
-     * Amount to be shown as the secondary metric value
-     */
-    secondaryMetric: {
-      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
-    },
-    /**
-     * Shows colored trend label next to main numeric content
-     */
-    trend: {
-      type: String,
-      default: null
-    },
-    /**
-     * Defines the direction (color) of the trend label
-     */
-    trendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Shows colored secondary trend tag next to the secondary metric value
-     */
-    secondaryTrend: {
-      type: String,
-      default: null
-    },
-    /**
-     * Defines the direction (color) of the secondary metric's trend tag
-     */
-    secondaryTrendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Defines the size of the `summary-grid-item` text content
-     */
-    size: {
-      type: String,
-      default: s.SMALL,
-      validator: (e) => Object.values(s).includes(e)
-    },
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    underlineTooltipText: { type: String, default: null }
-  },
-  setup(e, { slots: n }) {
-    return { hasSlot: $(n) };
-  }
-});
-function ge(e, n, u, f, c, d) {
-  const i = m("summary-grid-item");
-  return a(), p(i, {
-    "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-tooltip-text": e.underlineTooltipText,
-    class: "b-summary-grid-item-numeric"
-  }, h({
-    default: o(() => [
-      T(" " + y(e.label) + " ", 1)
-    ]),
-    _: 2
-  }, [
-    e.hasSlot("dashed-underline") ? {
-      name: "dashed-underline",
-      fn: o(() => [
-        l(e.$slots, "dashed-underline")
-      ]),
-      key: "0"
-    } : void 0,
-    e.secondaryMetric ? {
-      name: "secondary",
-      fn: o(() => [
-        T(y(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-tooltip-text"]);
-}
-const Re = /* @__PURE__ */ b(fe, [["render", ge]]), Se = v({
-  name: "bento-summary-grid-item-percentage",
-  components: { SummaryGridItem: E },
-  props: {
-    /**
-     * Amount to be shown as the main value
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Amount to be shown as the secondary metric value
-     */
-    secondaryMetric: {
-      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
-    },
-    /**
-     * 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
-    },
-    /**
-     * Shows colored trend label next to text content
-     */
-    trend: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Defines the direction (color) of the trend label
-     */
-    trendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Shows colored secondary trend tag next to the secondary metric value
-     */
-    secondaryTrend: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Defines the direction (color) of the secondary metric's trend tag
-     */
-    secondaryTrendDirection: {
-      type: String,
-      default: r.POSITIVE,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Defines the size of the `summary-grid-item` text content
-     */
-    size: {
-      type: String,
-      default: s.SMALL,
-      validator: (e) => Object.values(s).includes(e)
-    },
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    underlineTooltipText: { type: String, default: null }
-  },
-  setup(e, { slots: n }) {
-    return { hasSlot: $(n) };
-  }
-});
-function Te(e, n, u, f, c, d) {
-  const i = m("summary-grid-item");
-  return a(), p(i, {
-    "item-type": "percentage",
-    "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-tooltip-text": e.underlineTooltipText,
-    class: "b-summary-grid-item-percentage"
-  }, h({
-    default: o(() => [
-      T(" " + y(e.label) + "% ", 1)
-    ]),
-    _: 2
-  }, [
-    e.hasSlot("dashed-underline") ? {
-      name: "dashed-underline",
-      fn: o(() => [
-        l(e.$slots, "dashed-underline")
-      ]),
-      key: "0"
-    } : void 0,
-    e.secondaryMetric ? {
-      name: "secondary",
-      fn: o(() => [
-        T(y(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-tooltip-text"]);
-}
-const we = /* @__PURE__ */ b(Se, [["render", Te]]), ve = v({
-  name: "bento-summary-grid-item-text",
-  components: { SummaryGridItem: E },
-  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
-    },
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    underlineTooltipText: { type: String, default: null }
-  },
-  setup(e, { slots: n }) {
-    return { hasSlot: $(n) };
-  }
-});
-function he(e, n, u, f, c, d) {
-  const i = m("summary-grid-item");
-  return a(), p(i, {
-    "item-type": "text",
-    "info-icon-tooltip-text": e.infoIconTooltipText,
-    title: e.title,
-    copy: e.copy,
-    "fit-content": e.fitContent,
-    "underline-tooltip-text": e.underlineTooltipText,
-    class: "b-summary-grid-item-text"
-  }, h({
-    default: o(() => [
-      T(" " + y(e.label), 1)
-    ]),
-    _: 2
-  }, [
-    e.hasSlot("dashed-underline") ? {
-      name: "dashed-underline",
-      fn: o(() => [
-        l(e.$slots, "dashed-underline")
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "underline-tooltip-text"]);
-}
-const je = /* @__PURE__ */ b(ve, [["render", he]]), $e = v({
-  name: "bento-summary-grid-item-custom",
-  components: { SummaryGridItem: E },
-  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 },
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    underlineTooltipText: { type: String, default: null }
-  },
-  emits: ["copy-to-clipboard"],
-  setup(e, { slots: n }) {
-    return { hasSlot: $(n) };
-  }
-});
-function be(e, n, u, f, c, d) {
-  const i = m("summary-grid-item");
-  return a(), p(i, {
-    title: e.title,
-    "info-icon-tooltip-text": e.infoIconTooltipText,
-    copy: e.copy,
-    "fit-content": e.fitContent,
-    "underline-tooltip-text": e.underlineTooltipText,
-    onCopyToClipoard: n[0] || (n[0] = (t) => e.$emit("copy-to-clipboard"))
-  }, h({
-    default: o(() => [
-      l(e.$slots, "default")
-    ]),
-    _: 2
-  }, [
-    e.hasSlot("dashed-underline") ? {
-      name: "dashed-underline",
-      fn: o(() => [
-        l(e.$slots, "dashed-underline")
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["title", "info-icon-tooltip-text", "copy", "fit-content", "underline-tooltip-text"]);
-}
-const ze = /* @__PURE__ */ b($e, [["render", be]]);
-export {
-  s as B,
-  Ae as a,
-  Re as b,
-  we as c,
-  je as d,
-  ze as e,
-  r as f,
-  Be as s
-};
-//# sourceMappingURL=summary-grid-item-custom.ACP0RH0N.js.map