@opentiny/tiny-robot 0.3.0-alpha.0 → 0.3.0-alpha.10

package/dist/suggestion/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as Q, ref as p, computed as L, watch as K, watchEffect as ne, onMounted as Y, onBeforeUnmount as Z, createElementBlock as v, openBlock as g, normalizeClass as U, createElementVNode as u, withDirectives as oe, Fragment as z, renderList as M, createVNode as E, unref as w, toDisplayString as T, vShow as le, nextTick as ie, renderSlot as $, createCommentVNode as N, createBlock as H, normalizeStyle as ae, resolveComponent as ce, withCtx as O } from "vue";
-import { Q as J, o as F, T as re, H as ue, B as ge } from "../tiny-robot-svgs.js";
+import { defineComponent as H, ref as p, computed as P, watch as K, watchEffect as ne, onMounted as Y, onBeforeUnmount as Z, createElementBlock as v, openBlock as g, normalizeClass as X, createElementVNode as u, withDirectives as oe, Fragment as z, renderList as M, createVNode as E, unref as w, toDisplayString as T, vShow as le, nextTick as ie, renderSlot as $, createCommentVNode as N, createBlock as L, normalizeStyle as ae, resolveComponent as ce, withCtx as O } from "vue";
+import { e as J, X as F, U as re, V as ue, W as ge } from "../tiny-robot-svgs.js";
 function de(l, c = "") {
   const s = document.createElement("div");
   c && (s.className = c), s.style.visibility = "hidden", s.style.position = "absolute", s.style.whiteSpace = "nowrap", s.textContent = l, document.body.appendChild(s);
@@ -7,14 +7,14 @@ function de(l, c = "") {
   return document.body.removeChild(s), o;
 }
 const j = /* @__PURE__ */ new Map();
-function X(l, c = "") {
+function Q(l, c = "") {
   const s = `${l}::${c}`;
   if (j.has(s))
     return j.get(s);
   const o = de(l, c);
   return j.set(s, o), o;
 }
-const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-suggestions_expanded-wrapper" }, pe = { class: "tr-common-suggestions_expanded-area" }, he = ["onClick"], fe = { class: "tr-common-suggestions_item_icon" }, ye = { class: "tr-common-suggestions_item_text" }, _e = { class: "tr-common-suggestions_container" }, ke = ["onClick"], Ce = { class: "tr-common-suggestions_item_icon" }, $e = { class: "tr-common-suggestions_item_text" }, xe = /* @__PURE__ */ Q({
+const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-suggestions_expanded-wrapper" }, pe = { class: "tr-common-suggestions_expanded-area" }, he = ["onClick"], fe = { class: "tr-common-suggestions_item_icon" }, ye = { class: "tr-common-suggestions_item_text" }, _e = { class: "tr-common-suggestions_container" }, ke = ["onClick"], Ce = { class: "tr-common-suggestions_item_icon" }, $e = { class: "tr-common-suggestions_item_text" }, xe = /* @__PURE__ */ H({
   __name: "SuggestionCapsule",
   props: {
     suggestions: {
@@ -28,7 +28,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
   },
   emits: ["suggestion-click", "show-expand-button"],
   setup(l, { emit: c }) {
-    const s = l, o = c, n = p(null), f = p(!1), t = p(!1), m = p([]), a = p([]), h = p(0), S = p(null), R = L(() => {
+    const s = l, o = c, n = p(null), f = p(!1), t = p(!1), m = p([]), a = p([]), h = p(0), S = p(null), R = P(() => {
       if (h.value <= 0 || a.value.length === 0) return [];
       const i = [], d = [...a.value];
       for (; d.length > 0; )
@@ -46,13 +46,13 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
       let k = 0;
       const B = Math.min(3, s.suggestions.length);
       for (let C = 0; C < B; C++) {
-        const I = X(s.suggestions[C].text, "tr-common-suggestions_item") + _;
+        const I = Q(s.suggestions[C].text, "tr-common-suggestions_item") + _;
         k += I;
       }
       const q = k / B;
       h.value = Math.max(1, Math.floor(d / q));
       for (let C = 0; C < s.suggestions.length; C++) {
-        const I = s.suggestions[C], V = X(I.text, "tr-common-suggestions_item") + _;
+        const I = s.suggestions[C], V = Q(I.text, "tr-common-suggestions_item") + _;
         r + V <= d ? (r += V, m.value.push(I)) : a.value.push(I);
       }
       f.value = a.value.length > 0, o("show-expand-button", f.value);
@@ -73,7 +73,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
     }), Z(() => {
       S.value && S.value.disconnect();
     }), (i, d) => (g(), v("div", {
-      class: U(["tr-common-suggestions", { expanded: t.value }]),
+      class: X(["tr-common-suggestions", { expanded: t.value }]),
       ref_key: "capsuleRef",
       ref: n
     }, [
@@ -117,7 +117,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
 }), be = { class: "tr-suggestion-categories" }, we = ["onClick"], Se = {
   key: 0,
   class: "category-icon"
-}, Ie = /* @__PURE__ */ Q({
+}, Ie = /* @__PURE__ */ H({
   __name: "CategoryNav",
   props: {
     categories: {
@@ -137,7 +137,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
     return (n, f) => (g(), v("div", be, [
       (g(!0), v(z, null, M(l.categories, (t) => (g(), v("div", {
         key: t.id,
-        class: U(["tr-suggestion-categories-item", { active: l.activeCategory === t.id }]),
+        class: X(["tr-suggestion-categories-item", { active: l.activeCategory === t.id }]),
         onClick: (m) => o(t.id)
       }, [
         $(n.$slots, "category-label", { category: t }, () => [
@@ -198,7 +198,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
 }, qe = {
   key: 2,
   class: "tr-suggestion-empty"
-}, He = /* @__PURE__ */ Q({
+}, Le = /* @__PURE__ */ H({
   __name: "SuggestionPanel",
   props: {
     items: {
@@ -228,7 +228,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       initialIndex: 0,
       onClose: () => n("close"),
       onSelect: (i) => n("select", i)
-    }), a = p(o.categories.length > 0 ? o.categories[0].id : ""), h = L(() => {
+    }), a = p(o.categories.length > 0 ? o.categories[0].id : ""), h = P(() => {
       if (o.categories.length === 0 || !a.value)
         return o.items;
       const i = o.categories.find((d) => d.id === a.value);
@@ -265,7 +265,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           ])
         ])
       ]),
-      l.categories.length > 0 ? (g(), H(Ie, {
+      l.categories.length > 0 ? (g(), L(Ie, {
         key: 0,
         categories: l.categories,
         "active-category": a.value,
@@ -282,7 +282,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
         ])) : h.value.length > 0 ? (g(), v("ul", Ae, [
           (g(!0), v(z, null, M(h.value, (r, _) => (g(), v("li", {
             key: r.id,
-            class: U(["tr-suggestion-list-item", { "tr-suggestion-item-active": _ === w(m) }]),
+            class: X(["tr-suggestion-list-item", { "tr-suggestion-item-active": _ === w(m) }]),
             onClick: (k) => R(r),
             onMouseenter: (k) => y(_)
           }, [
@@ -304,7 +304,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       ], 4)
     ]));
   }
-}), Le = (l) => {
+}), Pe = (l) => {
   const c = (o) => l.triggerKeys.includes(o);
   return {
     isTriggerKey: c,
@@ -317,7 +317,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       } : null;
     }
   };
-}, Pe = { class: "tr-suggestion__header" }, P = /* @__PURE__ */ Q({
+}, Ue = { class: "tr-suggestion__header" }, U = /* @__PURE__ */ H({
   __name: "index",
   props: {
     triggerKeys: { default: () => ["/"] },
@@ -341,7 +341,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       a.value = !a.value, n("update:expanded", a.value);
     }, R = (e) => {
       h.value = e;
-    }, b = p(""), y = p(-1), i = p(null), d = p(null), r = L(() => o.open !== void 0 ? o.open : f.value), _ = L(() => {
+    }, b = p(""), y = p(-1), i = p(null), d = p(null), r = P(() => o.open !== void 0 ? o.open : f.value), _ = P(() => {
       if (o.categories.length === 0 || !b.value)
         return t.value;
       const e = o.categories.find((x) => x.id === b.value);
@@ -360,7 +360,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
     );
     const k = () => {
       t.value = [...o.items];
-    }, { detectTrigger: B } = Le(o), q = (e) => {
+    }, { detectTrigger: B } = Pe(o), q = (e) => {
       n("suggestion-select", e), n("select", e.value, {
         text: "",
         position: 0
@@ -403,9 +403,9 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       return g(), v("div", {
         ref_key: "rootRef",
         ref: i,
-        class: U(["tr-suggestion", e.className, { "tr-suggestion--dark": e.theme === "dark" }])
+        class: X(["tr-suggestion", e.className, { "tr-suggestion--dark": e.theme === "dark" }])
       }, [
-        u("div", Pe, [
+        u("div", Ue, [
           u("div", {
             class: "tr-suggestion__trigger",
             onClick: se
@@ -432,7 +432,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
             class: "tr-suggestion__expand-button",
             onClick: S
           }, [
-            a.value ? (g(), H(w(ge), { key: 1 })) : (g(), H(w(ue), { key: 0 }))
+            a.value ? (g(), L(w(ge), { key: 1 })) : (g(), L(w(ue), { key: 0 }))
           ])) : N("", !0)
         ]),
         $(e.$slots, "trigger", {
@@ -440,7 +440,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           onKeyDown: V,
           onInput: I
         }),
-        r.value ? (g(), H(He, {
+        r.value ? (g(), L(Le, {
           key: 0,
           ref_key: "panelRef",
           ref: d,
@@ -487,11 +487,11 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
     };
   }
 });
-P.name = "TrSuggestion";
-const Qe = function(l) {
-  l.component(P.name, P);
+U.name = "TrSuggestion";
+const He = function(l) {
+  l.component(U.name, U);
 };
-P.install = Qe;
+U.install = He;
 export {
-  P as default
+  U as default
 };

package/dist/suggestion-pills/index.js

@@ -1,180 +1,177 @@
-import { defineComponent as A, useSlots as L, computed as f, createElementBlock as d, openBlock as n, normalizeClass as R, renderSlot as I, createBlock as c, resolveDynamicComponent as N, createCommentVNode as S, toDisplayString as F, unref as g, mergeProps as T, createSlots as j, withCtx as w, createVNode as $, renderList as P, mergeModels as D, useCssVars as q, ref as V, useModel as J, watch as K, createElementVNode as W, Fragment as E, Transition as O, nextTick as Q } from "vue";
-import { H as U, B as X } from "../tiny-robot-svgs.js";
-import { c as Y, w as Z } from "../index2.js";
-import x from "../dropdown-menu/index.js";
-import ee from "../suggestion-popover/index.js";
-import { _ as z } from "../_plugin-vue_export-helper.js";
-const te = { key: 0 }, ne = /* @__PURE__ */ A({
+import { defineComponent as K, useSlots as Q, computed as a, createElementBlock as m, openBlock as r, normalizeClass as w, renderSlot as H, createBlock as S, resolveDynamicComponent as b, createCommentVNode as M, toDisplayString as ne, mergeModels as N, useModel as le, ref as d, watch as R, nextTick as $, createElementVNode as D, Fragment as z, renderList as G, isVNode as j, createVNode as q, Transition as se, withCtx as re, unref as ae } from "vue";
+import { V as ie } from "../tiny-robot-svgs.js";
+import { e as ce, f as J, w as ue, o as fe, g as de } from "../index3.js";
+import { u as me } from "../useSlotRefs.js";
+import { _ as U } from "../_plugin-vue_export-helper.js";
+const pe = { key: 0 }, ge = /* @__PURE__ */ K({
   __name: "PillButton",
   props: {
     item: {}
   },
-  setup(a) {
-    const k = a, s = L(), e = f(() => {
-      var t;
-      return !!(s.icon || (t = k.item) != null && t.icon);
-    }), i = f(() => {
-      var t;
-      return !!(s.default || (t = k.item) != null && t.text);
-    }), p = f(() => e.value && !i.value);
-    return (t, u) => (n(), d("button", {
-      class: R(["tr-suggestion-pills__item", { "only-icon": p.value }])
+  setup(i) {
+    const v = i, _ = Q(), p = a(() => {
+      var o;
+      return !!(_.icon || (o = v.item) != null && o.icon);
+    }), I = a(() => {
+      var o;
+      return !!(_.default || (o = v.item) != null && o.text);
+    }), x = a(() => p.value && !I.value);
+    return (o, u) => (r(), m("button", {
+      class: w(["tr-suggestion-pills__item", { "only-icon": x.value }])
     }, [
-      I(t.$slots, "icon", {}, () => {
-        var o;
+      H(o.$slots, "icon", {}, () => {
+        var c;
         return [
-          (n(), c(N((o = t.item) == null ? void 0 : o.icon), { class: "tr-suggestion-pills__item_icon" }))
+          (r(), S(b((c = o.item) == null ? void 0 : c.icon), { class: "tr-suggestion-pills__item_icon" }))
         ];
       }, !0),
-      I(t.$slots, "default", {}, () => {
-        var o;
+      H(o.$slots, "default", {}, () => {
+        var c;
         return [
-          (o = t.item) != null && o.text ? (n(), d("span", te, F(t.item.text), 1)) : S("", !0)
+          (c = o.item) != null && c.text ? (r(), m("span", pe, ne(o.item.text), 1)) : M("", !0)
         ];
       }, !0)
     ], 2));
   }
-}), m = /* @__PURE__ */ z(ne, [["__scopeId", "data-v-5c113fe1"]]), H = /* @__PURE__ */ A({
-  __name: "PillButtonWrapper",
-  props: {
-    item: {}
-  },
-  emits: ["click"],
-  setup(a, { emit: k }) {
-    const s = k;
-    return (e, i) => {
-      var p, t, u, o, h, _;
-      return ((p = e.item.action) == null ? void 0 : p.type) === "popover" ? (n(), c(g(ee), T({ key: 0 }, e.item.action.props, {
-        onItemClick: (t = e.item.action.events) == null ? void 0 : t.itemClick,
-        onGroupClick: (u = e.item.action.events) == null ? void 0 : u.groupClick,
-        onClose: (o = e.item.action.events) == null ? void 0 : o.close
-      }), j({
-        default: w(() => [
-          $(m, {
-            item: e.item,
-            onClick: i[0] || (i[0] = (v) => s("click", e.item))
-          }, null, 8, ["item"])
-        ]),
-        _: 2
-      }, [
-        P(e.item.action.slots, (v, C) => ({
-          name: C,
-          fn: w(() => [
-            (n(), c(N(v)))
-          ])
-        }))
-      ]), 1040, ["onItemClick", "onGroupClick", "onClose"])) : ((h = e.item.action) == null ? void 0 : h.type) === "menu" ? (n(), c(g(x), T({ key: 1 }, e.item.action.props, {
-        onItemClick: (_ = e.item.action.events) == null ? void 0 : _.itemClick
-      }), {
-        default: w(() => [
-          $(m, {
-            item: e.item,
-            onClick: i[1] || (i[1] = (v) => s("click", e.item))
-          }, null, 8, ["item"])
-        ]),
-        _: 1
-      }, 16, ["onItemClick"])) : (n(), c(m, {
-        key: 2,
-        item: e.item,
-        onClick: i[2] || (i[2] = (v) => s("click", e.item))
-      }, null, 8, ["item"]));
-    };
-  }
-}), oe = { class: "tr-suggestion-pills__wrapper" }, ie = { class: "tr-suggestion-pills__more-wrapper" }, le = {
-  key: 0,
-  class: "tr-suggestion-pills__more"
-}, se = /* @__PURE__ */ A({
+}), h = /* @__PURE__ */ U(ge, [["__scopeId", "data-v-5c433c31"]]), he = { class: "tr-suggestion-pills__more-wrapper" }, ve = /* @__PURE__ */ K({
   __name: "index",
-  props: /* @__PURE__ */ D({
-    items: {},
-    showAll: { type: Boolean }
+  props: /* @__PURE__ */ N({
+    showAll: { type: Boolean },
+    showAllButtonOn: { default: "hover" },
+    overflowMode: { default: "expand" },
+    autoScrollOn: {}
   }, {
     showAll: { type: Boolean, default: !1 },
     showAllModifiers: {}
   }),
-  emits: /* @__PURE__ */ D(["item-click"], ["update:showAll"]),
-  setup(a, { emit: k }) {
-    q((l) => ({
-      "8cd74b6e": v.value
-    }));
-    const s = a, e = k, i = V(null), { width: p } = Y(i), t = V(-1), u = f(() => t.value !== -1), o = J(a, "showAll"), h = f(() => !u.value || !o.value ? s.items || [] : (s.items || []).slice(0, t.value)), _ = f(() => !u.value || !o.value ? [] : (s.items || []).slice(t.value)), v = f(() => p.value < i.value.scrollWidth ? "linear-gradient(to right, black 90%, transparent)" : "unset"), C = () => {
-      Q(() => {
-        const l = i.value;
-        if (!l)
+  emits: /* @__PURE__ */ N(["click-outside"], ["update:showAll"]),
+  setup(i, { expose: v, emit: _ }) {
+    const p = i, I = Q(), x = _, { vnodes: o } = me(I.default, !0), u = le(i, "showAll"), c = d(null), f = d(null), A = d(null), { width: W } = ce(f), V = d(0), B = a(() => p.overflowMode === "expand" && W.value < V.value), g = d(-1), X = a(() => B.value && u.value ? o.value.slice(0, g.value) : o.value), C = a(() => B.value && u.value ? o.value.slice(g.value).map((e, t) => ({
+      vnode: e,
+      index: t + g.value
+    })) : []), T = d([]), E = d([]), P = a(() => T.value.map((e) => J(e)).filter((e) => e instanceof Element)), Y = a(() => E.value.map((e) => J(e)).filter((e) => e instanceof Element)), L = () => {
+      const e = f.value, t = A.value;
+      return Array.from((e == null ? void 0 : e.children) || []).concat(Array.from((t == null ? void 0 : t.children) || []));
+    }, O = () => {
+      $(() => {
+        const e = f.value;
+        if (!e)
           return;
-        const y = Array.from(l.children);
-        t.value = y.findIndex((r) => r.offsetLeft + r.offsetWidth > l.clientWidth);
+        const t = L(), n = parseFloat(getComputedStyle(e).rowGap) || 0;
+        g.value = -1;
+        let l = 0;
+        for (let s = 0; s < t.length; s++)
+          if (l += t[s].offsetWidth, s > 0 && (l += n), l > e.clientWidth) {
+            g.value = s;
+            break;
+          }
       });
     };
-    K(() => {
-      var l;
-      return [s.items, (l = s.items) == null ? void 0 : l.length];
-    }, C), Z(
-      p,
-      (l) => {
-        l > 0 && C();
+    R(
+      o,
+      () => {
+        $(() => {
+          if (!f.value)
+            return;
+          const e = L(), t = parseFloat(getComputedStyle(f.value).rowGap) || 0;
+          V.value = e.reduce((n, l, s) => n + l.offsetWidth + (s > 0 ? t : 0), 0);
+        });
       },
-      { debounce: 100 }
-    );
-    const G = (l, y) => {
-      if (u.value && y >= t.value) {
-        b();
+      { immediate: !0 }
+    ), R(o, O), ue(W, O, { debounce: 100 });
+    const Z = () => {
+      u.value = !u.value;
+    };
+    fe(c, (e) => {
+      u.value && x("click-outside", e);
+    });
+    const ee = (e) => {
+      const t = f.value;
+      if (!t)
         return;
-      }
-      e("item-click", l);
-    }, b = () => {
-      o.value = !o.value;
+      const n = e.offsetLeft, l = n + e.offsetWidth, s = t.scrollLeft, F = t.clientWidth, te = n < s, oe = l > s + F;
+      te ? t.scrollTo({
+        left: n,
+        behavior: "smooth"
+      }) : oe && t.scrollTo({
+        left: l - F,
+        behavior: "smooth"
+      });
     };
-    return (l, y) => (n(), d("div", oe, [
-      W("div", {
-        class: "tr-suggestion-pills__container",
+    let y = null;
+    return R(
+      () => p.autoScrollOn,
+      (e) => {
+        y && (y(), y = null), e && (y = de(P, e, (t) => {
+          t.currentTarget && ee(t.currentTarget);
+        }));
+      },
+      {
+        immediate: !0
+      }
+    ), v({
+      children: a(() => P.value.concat(Y.value))
+    }), (e, t) => (r(), m("div", {
+      class: "tr-suggestion-pills__wrapper",
+      ref_key: "containerWrapperRef",
+      ref: c
+    }, [
+      D("div", {
+        class: w(["tr-suggestion-pills__container", { "overflow-scroll": p.overflowMode === "scroll" }]),
         ref_key: "containerRef",
-        ref: i
+        ref: f
       }, [
-        I(l.$slots, "default", {}, () => [
-          (n(!0), d(E, null, P(h.value, (r, M) => (n(), c(g(H), {
-            key: r.id,
-            item: r,
-            onClick: (ce) => G(r, M)
-          }, null, 8, ["item", "onClick"]))), 128))
-        ], !0)
-      ], 512),
-      W("div", ie, [
-        $(O, { name: "tr-suggestion-pills__more" }, {
-          default: w(() => [
-            _.value.length ? (n(), d("div", le, [
-              (n(!0), d(E, null, P(_.value, (r) => (n(), c(g(H), {
-                key: r.id,
-                item: r,
-                onClick: (M) => e("item-click", r)
-              }, null, 8, ["item", "onClick"]))), 128))
-            ])) : S("", !0)
+        (r(!0), m(z, null, G(X.value, (n, l) => (r(), S(b(n), {
+          key: j(n) ? n.key : l,
+          ref_for: !0,
+          ref_key: "staticMaybeItemRefs",
+          ref: T
+        }))), 128))
+      ], 2),
+      D("div", he, [
+        q(se, { name: "tr-suggestion-pills__more" }, {
+          default: re(() => [
+            C.value.length ? (r(), m("div", {
+              key: 0,
+              class: "tr-suggestion-pills__more",
+              ref_key: "floatingItemsRef",
+              ref: A
+            }, [
+              (r(!0), m(z, null, G(C.value, ({ vnode: n, index: l }) => (r(), S(b(n), {
+                key: j(n) ? n.key : l,
+                ref_for: !0,
+                ref_key: "floatingMaybeItemRefs",
+                ref: E
+              }))), 128))
+            ], 512)) : M("", !0)
           ]),
           _: 1
         })
       ]),
-      u.value ? (n(), d("button", {
+      B.value ? (r(), m("button", {
         key: 0,
-        class: "tr-suggestion-pills__expand",
-        onClick: b
+        class: w(["tr-suggestion-pills__expand", { "show-on-hover": p.showAllButtonOn === "hover" }]),
+        onClick: Z
       }, [
-        o.value ? (n(), c(g(X), { key: 1 })) : (n(), c(g(U), { key: 0 }))
-      ])) : S("", !0)
-    ]));
+        q(ae(ie), {
+          class: w(["tr-suggestion-pills__expand-icon", { rotate: u.value }])
+        }, null, 8, ["class"])
+      ], 2)) : M("", !0)
+    ], 512));
   }
-}), B = /* @__PURE__ */ z(se, [["__scopeId", "data-v-e03676ad"]]);
-B.name = "TrSuggestionPills";
-const re = function(a) {
-  a.component(B.name, B);
+}), k = /* @__PURE__ */ U(ve, [["__scopeId", "data-v-ebbd7a00"]]);
+k.name = "TrSuggestionPills";
+const _e = function(i) {
+  i.component(k.name, k);
 };
-B.install = re;
-m.name = "TrSuggestionPillButton";
-const ae = function(a) {
-  a.component(m.name, m);
+k.install = _e;
+h.name = "TrSuggestionPillButton";
+const ye = function(i) {
+  i.component(h.name, h);
 };
-m.install = ae;
-const ve = m;
+h.install = ye;
+const Re = h;
 export {
-  ve as SuggestionPillButton,
-  B as default
+  Re as SuggestionPillButton,
+  k as default
 };