@pequity/squirrel 1.0.20-beta.2 → 1.0.20-beta.3

package/dist/es/chunks/p-input-percent.js

@@ -1,10 +1,14 @@
-import { defineComponent as d, computed as p, openBlock as c, createBlock as f, withCtx as x, createElementVNode as u, normalizeClass as V } from "vue";
-import z from "../p-input-number.js";
-import { isNumber as s } from "lodash-es";
-const _ = /* @__PURE__ */ u("div", null, "%", -1), b = [
-  _
-], C = /* @__PURE__ */ d({
-  name: "PInputPercent",
+import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, normalizeClass } from "vue";
+import PInputNumber from "../p-input-number.js";
+import { isNumber } from "lodash-es";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", null, "%", -1);
+const _hoisted_2 = [
+  _hoisted_1
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PInputPercent"
+  },
   __name: "p-input-percent",
   props: {
     modelValue: {
@@ -17,29 +21,34 @@ const _ = /* @__PURE__ */ u("div", null, "%", -1), b = [
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const n = {
+  setup(__props, { emit: __emit }) {
+    const prefixClasses = {
       sm: "text-sm h-8 left-2",
       md: "text-base h-10 left-3",
       lg: "text-lg h-12 left-5"
-    }, l = t, i = a, o = p({
-      get: () => s(l.modelValue) ? l.modelValue * 100 : l.modelValue,
-      set: (e) => i("update:modelValue", s(e) ? e / 100 : e)
+    };
+    const props = __props;
+    const emit = __emit;
+    const convertedValue = computed({
+      get: () => isNumber(props.modelValue) ? props.modelValue * 100 : props.modelValue,
+      set: (nV) => emit("update:modelValue", isNumber(nV) ? nV / 100 : nV)
     });
-    return (e, m) => (c(), f(z, {
-      modelValue: o.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (r) => o.value = r),
-      size: t.size
-    }, {
-      prefix: x(() => [
-        u("div", {
-          class: V(["absolute flex items-center", n[t.size]])
-        }, b, 2)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "size"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(PInputNumber, {
+        modelValue: convertedValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => convertedValue.value = $event),
+        size: __props.size
+      }, {
+        prefix: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["absolute flex items-center", prefixClasses[__props.size]])
+          }, _hoisted_2, 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "size"]);
+    };
   }
 });
 export {
-  C as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-pagination-info.js

@@ -1,10 +1,11 @@
-import { defineComponent as m, computed as r, openBlock as n, createBlock as g, createElementBlock as c, Fragment as p, createTextVNode as u, toDisplayString as a, renderSlot as f } from "vue";
-import d from "../p-skeleton-loader.js";
-const y = {
+import { defineComponent, computed, openBlock, createBlock, createElementBlock, Fragment, createTextVNode, toDisplayString, renderSlot } from "vue";
+import PSkeletonLoader from "../p-skeleton-loader.js";
+const _hoisted_1 = {
   key: 1,
   class: "text-sm font-medium text-p-gray-40"
-}, S = /* @__PURE__ */ m({
-  name: "PPaginationInfo",
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PPaginationInfo" },
   __name: "p-pagination-info",
   props: {
     /**
@@ -33,29 +34,34 @@ const y = {
      */
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  setup(o) {
-    const e = o, s = r(() => {
-      const t = Math.ceil(e.count / e.pageSize);
-      return ((e.currentPage > t ? t : e.currentPage) - 1) * e.pageSize + 1;
-    }), l = r(() => {
-      const t = e.currentPage * e.pageSize;
-      return t >= e.count ? e.count : t;
+  setup(__props) {
+    const props = __props;
+    const from = computed(() => {
+      const maxNumOfPages = Math.ceil(props.count / props.pageSize);
+      const currentPage = props.currentPage > maxNumOfPages ? maxNumOfPages : props.currentPage;
+      return (currentPage - 1) * props.pageSize + 1;
+    });
+    const to = computed(() => {
+      const to2 = props.currentPage * props.pageSize;
+      return to2 >= props.count ? props.count : to2;
     });
-    return (t, i) => o.loading ? (n(), g(d, {
-      key: 0,
-      class: "h-6 w-56"
-    })) : (n(), c("div", y, [
-      o.count ? (n(), c(p, { key: 0 }, [
-        u("Showing " + a(s.value) + " to " + a(l.value) + " of " + a(o.count) + " results", 1)
-      ], 64)) : f(t.$slots, "no-results", { key: 1 }, () => [
-        u("No results found")
-      ])
-    ]));
+    return (_ctx, _cache) => {
+      return __props.loading ? (openBlock(), createBlock(PSkeletonLoader, {
+        key: 0,
+        class: "h-6 w-56"
+      })) : (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.count ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode("Showing " + toDisplayString(from.value) + " to " + toDisplayString(to.value) + " of " + toDisplayString(__props.count) + " results", 1)
+        ], 64)) : renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
+          createTextVNode("No results found")
+        ])
+      ]));
+    };
   }
 });
 export {
-  S as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-pagination.js

@@ -1,15 +1,31 @@
-import { defineComponent as y, computed as C, openBlock as o, createElementBlock as l, Fragment as p, createBlock as L, createCommentVNode as v, createElementVNode as a, normalizeClass as r, renderList as S, toDisplayString as f } from "vue";
-import V from "../p-skeleton-loader.js";
-import { createPagingRange as w } from "../pagination.js";
-const k = "data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.25%205.99968C0.25%205.64968%200.4%205.34968%200.65%205.14968L6.25%200.249681C6.65%20-0.100319%207.2%20-0.0503187%207.55%200.349681C7.85%200.749681%207.85%201.29968%207.45%201.59968L2.55%205.89968C2.5%205.94968%202.5%205.99968%202.55%206.04968L7.45%2010.3497C7.85%2010.6997%207.9%2011.2497%207.55%2011.6497C7.2%2012.0497%206.65%2012.0997%206.25%2011.7497C6.25%2011.7497%206.25%2011.7497%206.2%2011.6997L0.65%206.84968C0.4%206.64968%200.25%206.29968%200.25%205.99968Z'%20fill='%23918da1'%20/%3e%3c/svg%3e", A = "data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.75695%206.98136C7.75695%207.33136%207.60695%207.63136%207.35695%207.83136L1.75695%2012.7814C1.35695%2013.1314%200.756947%2013.0814%200.456947%2012.6814C0.156947%2012.2814%200.156947%2011.7314%200.556947%2011.3814L5.45695%207.08136C5.50695%207.03136%205.50695%206.98136%205.45695%206.88136L0.556947%202.58136C0.156947%202.23136%200.156947%201.63136%200.506947%201.28136C0.856947%200.931361%201.40695%200.881361%201.80695%201.18136L7.40695%206.08136C7.60695%206.33136%207.75695%206.63136%207.75695%206.98136Z'%20fill='%23918da1'%20/%3e%3c/svg%3e", B = {
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeClass, renderList, toDisplayString } from "vue";
+import PSkeletonLoader from "../p-skeleton-loader.js";
+import { createPagingRange } from "../pagination.js";
+const _imports_0 = "data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.25%205.99968C0.25%205.64968%200.4%205.34968%200.65%205.14968L6.25%200.249681C6.65%20-0.100319%207.2%20-0.0503187%207.55%200.349681C7.85%200.749681%207.85%201.29968%207.45%201.59968L2.55%205.89968C2.5%205.94968%202.5%205.99968%202.55%206.04968L7.45%2010.3497C7.85%2010.6997%207.9%2011.2497%207.55%2011.6497C7.2%2012.0497%206.65%2012.0997%206.25%2011.7497C6.25%2011.7497%206.25%2011.7497%206.2%2011.6997L0.65%206.84968C0.4%206.64968%200.25%206.29968%200.25%205.99968Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";
+const _imports_1 = "data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.75695%206.98136C7.75695%207.33136%207.60695%207.63136%207.35695%207.83136L1.75695%2012.7814C1.35695%2013.1314%200.756947%2013.0814%200.456947%2012.6814C0.156947%2012.2814%200.156947%2011.7314%200.556947%2011.3814L5.45695%207.08136C5.50695%207.03136%205.50695%206.98136%205.45695%206.88136L0.556947%202.58136C0.156947%202.23136%200.156947%201.63136%200.506947%201.28136C0.856947%200.931361%201.40695%200.881361%201.80695%201.18136L7.40695%206.08136C7.60695%206.33136%207.75695%206.63136%207.75695%206.98136Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";
+const _hoisted_1 = {
   key: 1,
   class: "flex text-p-gray-40"
-}, T = /* @__PURE__ */ a("img", { src: k }, null, -1), E = [
-  T
-], I = ["onClick"], O = { class: "flex" }, P = ["aria-label"], R = /* @__PURE__ */ a("img", { src: A }, null, -1), $ = [
-  R
-], m = "...", c = "w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none", z = "text-p-purple-60 bg-p-gray-30 rounded-lg", M = "cursor-pointer", h = "cursor-pointer", _ = "opacity-50", F = /* @__PURE__ */ y({
-  name: "PPagination",
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "flex" };
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("img", { src: _imports_1 }, null, -1);
+const _hoisted_8 = [
+  _hoisted_7
+];
+const DOTS = "...";
+const BTN_CLASS = "w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none";
+const BTN_ACTIVE_CLASS = "text-p-purple-60 bg-p-gray-30 rounded-lg";
+const BTN_INACTIVE_CLASS = "cursor-pointer";
+const ARROW_ACTIVE_CLASS = "cursor-pointer";
+const ARROW_INACTIVE_CLASS = "opacity-50";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PPagination" },
   __name: "p-pagination",
   props: {
     /**
@@ -45,49 +61,63 @@ const k = "data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%
      */
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: x }) {
-    const N = x, n = e, u = C(() => n.count && Math.ceil(n.count / n.pageSize)), g = C(() => w(Number(n.modelValue), u.value, n.pageOffset, m)), d = (s) => {
-      s >= 1 && s <= u.value && N("update:modelValue", s);
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const pageCount = computed(() => {
+      return props.count && Math.ceil(props.count / props.pageSize);
+    });
+    const pages = computed(() => {
+      return createPagingRange(Number(props.modelValue), pageCount.value, props.pageOffset, DOTS);
+    });
+    const setPage = (page) => {
+      if (page >= 1 && page <= pageCount.value) {
+        emit("update:modelValue", page);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.loading ? (openBlock(), createBlock(PSkeletonLoader, {
+          key: 0,
+          class: "h-6 w-56"
+        })) : createCommentVNode("", true),
+        !__props.loading && pages.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass([BTN_CLASS, Number(__props.modelValue) <= 1 ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
+            "aria-label": "go to the previous page",
+            onClick: _cache[0] || (_cache[0] = ($event) => setPage(Number(__props.modelValue) - 1))
+          }, _hoisted_3, 2),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              onClick: ($event) => setPage(Number(page))
+            }, [
+              createElementVNode("div", _hoisted_5, [
+                page !== DOTS ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass([BTN_CLASS, page === __props.modelValue ? BTN_ACTIVE_CLASS : BTN_INACTIVE_CLASS]),
+                  "aria-label": `go to page ${page}`
+                }, toDisplayString(page), 11, _hoisted_6)) : (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass(BTN_CLASS)
+                }, toDisplayString(DOTS)))
+              ])
+            ], 8, _hoisted_4);
+          }), 128)),
+          createElementVNode("div", {
+            class: normalizeClass([BTN_CLASS, __props.modelValue === pageCount.value ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
+            "aria-label": "go to the next page",
+            onClick: _cache[1] || (_cache[1] = ($event) => setPage(Number(__props.modelValue) + 1))
+          }, _hoisted_8, 2)
+        ])) : createCommentVNode("", true)
+      ], 64);
     };
-    return (s, i) => (o(), l(p, null, [
-      e.loading ? (o(), L(V, {
-        key: 0,
-        class: "h-6 w-56"
-      })) : v("", !0),
-      !e.loading && g.value.length > 1 ? (o(), l("div", B, [
-        a("div", {
-          class: r([c, Number(e.modelValue) <= 1 ? _ : h]),
-          "aria-label": "go to the previous page",
-          onClick: i[0] || (i[0] = (t) => d(Number(e.modelValue) - 1))
-        }, E, 2),
-        (o(!0), l(p, null, S(g.value, (t, b) => (o(), l("div", {
-          key: b,
-          onClick: (D) => d(Number(t))
-        }, [
-          a("div", O, [
-            t !== m ? (o(), l("div", {
-              key: 0,
-              class: r([c, t === e.modelValue ? z : M]),
-              "aria-label": `go to page ${t}`
-            }, f(t), 11, P)) : (o(), l("div", {
-              key: 1,
-              class: r(c)
-            }, f(m)))
-          ])
-        ], 8, I))), 128)),
-        a("div", {
-          class: r([c, e.modelValue === u.value ? _ : h]),
-          "aria-label": "go to the next page",
-          onClick: i[1] || (i[1] = (t) => d(Number(e.modelValue) + 1))
-        }, $, 2)
-      ])) : v("", !0)
-    ], 64));
   }
 });
 export {
-  F as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-ring-loader.js

@@ -1,7 +1,10 @@
-import { defineComponent as S, computed as i, openBlock as g, createElementBlock as x, normalizeStyle as n, createElementVNode as o, normalizeClass as l } from "vue";
-import { getColor as $ } from "../tailwind.js";
-const s = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]", _ = /* @__PURE__ */ S({
-  name: "PRingLoader",
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass } from "vue";
+import { getColor } from "../tailwind.js";
+const INNER_DIV_CLASS = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PRingLoader"
+  },
   __name: "p-ring-loader",
   props: {
     size: {
@@ -10,50 +13,70 @@ const s = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10
     },
     color: {
       type: String,
-      default: $("primary")
+      default: getColor("primary")
     },
     duration: {
       type: String,
       default: "1.2s",
-      validator(t) {
-        return /^\d*\.?\d+(s|ms)$/.test(t);
+      validator(value) {
+        const res = /^\d*\.?\d+(s|ms)$/;
+        return res.test(value);
       }
     }
   },
-  setup(t) {
-    const a = (c, u, h) => {
-      var d, p;
-      const m = {}, f = (d = u.match(/^\d*\.?\d+/)) == null ? void 0 : d[0], D = ((p = u.match(/s|(ms)$/)) == null ? void 0 : p[0]) || "s", z = Math.round(Number(f) * 1e3 * h) / 1e3;
-      return m[c] = z + D, m;
-    }, e = t, r = i(() => ({
-      borderWidth: `${e.size * 0.1}px`,
-      borderColor: `${e.color} transparent transparent transparent`,
-      animationDuration: e.duration,
-      animationTimingFunction: "cubic-bezier(0.5, 0, 0.5, 1)"
-    })), y = i(() => a("animationDelay", e.duration, -0.375)), v = i(() => a("animationDelay", e.duration, -0.25)), b = i(() => a("animationDelay", e.duration, -0.125));
-    return (c, u) => (g(), x("div", {
-      class: "relative inline-block",
-      style: n({ width: `${t.size}px`, height: `${t.size}px` })
-    }, [
-      o("div", {
-        class: l(s),
-        style: n([r.value, y.value])
-      }, null, 4),
-      o("div", {
-        class: l(s),
-        style: n([r.value, v.value])
-      }, null, 4),
-      o("div", {
-        class: l(s),
-        style: n([r.value, b.value])
-      }, null, 4),
-      o("div", {
-        class: l(s),
-        style: n([r.value])
-      }, null, 4)
-    ], 4));
+  setup(__props) {
+    const calcPropertyValue = (propName, originalValue, modificator) => {
+      var _a, _b;
+      const computedStyle = {};
+      const timeQuantityOuter = (_a = originalValue.match(/^\d*\.?\d+/)) == null ? void 0 : _a[0];
+      const timeUnit = ((_b = originalValue.match(/s|(ms)$/)) == null ? void 0 : _b[0]) || "s";
+      const timeQuantityInner = Math.round(Number(timeQuantityOuter) * 1e3 * modificator) / 1e3;
+      computedStyle[propName] = timeQuantityInner + timeUnit;
+      return computedStyle;
+    };
+    const props = __props;
+    const spinnerStyle = computed(() => {
+      return {
+        borderWidth: `${props.size * 0.1}px`,
+        borderColor: `${props.color} transparent transparent transparent`,
+        animationDuration: props.duration,
+        animationTimingFunction: "cubic-bezier(0.5, 0, 0.5, 1)"
+      };
+    });
+    const animDiv1 = computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.375);
+    });
+    const animDiv2 = computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.25);
+    });
+    const animDiv3 = computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.125);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "relative inline-block",
+        style: normalizeStyle({ width: `${__props.size}px`, height: `${__props.size}px` })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(INNER_DIV_CLASS),
+          style: normalizeStyle([spinnerStyle.value, animDiv1.value])
+        }, null, 4),
+        createElementVNode("div", {
+          class: normalizeClass(INNER_DIV_CLASS),
+          style: normalizeStyle([spinnerStyle.value, animDiv2.value])
+        }, null, 4),
+        createElementVNode("div", {
+          class: normalizeClass(INNER_DIV_CLASS),
+          style: normalizeStyle([spinnerStyle.value, animDiv3.value])
+        }, null, 4),
+        createElementVNode("div", {
+          class: normalizeClass(INNER_DIV_CLASS),
+          style: normalizeStyle([spinnerStyle.value])
+        }, null, 4)
+      ], 4);
+    };
   }
 });
 export {
-  _
+  _sfc_main as _
 };

package/dist/es/chunks/p-select-btn.js

@@ -1,7 +1,9 @@
-import { defineComponent as V, resolveDirective as g, openBlock as i, createElementBlock as s, normalizeClass as r, Fragment as h, renderList as y, withDirectives as B, createBlock as T, withCtx as b, renderSlot as v, createTextVNode as w, toDisplayString as k } from "vue";
-import S from "../p-btn.js";
-const P = /* @__PURE__ */ V({
-  name: "PBtnGroup",
+import { defineComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, Fragment, renderList, withDirectives, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import PBtn from "../p-btn.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PBtnGroup"
+  },
   __name: "p-select-btn",
   props: {
     modelValue: { default: null },
@@ -10,68 +12,87 @@ const P = /* @__PURE__ */ V({
     itemText: { default: "text" },
     itemTooltipText: { default: "text" },
     size: { default: "md" },
-    showTooltip: { type: Boolean, default: !1 },
-    highlightSelected: { type: Boolean, default: !0 },
-    grow: { type: Boolean, default: !1 },
-    multiple: { type: Boolean, default: !1 },
-    noPadding: { type: Boolean, default: !1 }
+    showTooltip: { type: Boolean, default: false },
+    highlightSelected: { type: Boolean, default: true },
+    grow: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    noPadding: { type: Boolean, default: false }
   },
   emits: ["update:modelValue"],
-  setup(m, { emit: p }) {
-    const a = p, l = m, f = (e) => l.showTooltip ? e[l.itemTooltipText] : "", c = (e) => {
-      if (!l.multiple)
-        a("update:modelValue", e[l.itemValue]);
-      else if (Array.isArray(l.modelValue)) {
-        const n = e[l.itemValue];
-        l.modelValue.findIndex((t) => t[l.itemValue] === n) !== -1 ? a(
-          "update:modelValue",
-          l.modelValue.filter((t) => t[l.itemValue] !== n)
-        ) : a("update:modelValue", [...l.modelValue, e]);
-      } else
-        a("update:modelValue", [e]);
-    }, u = (e) => {
-      if (l.multiple) {
-        if (Array.isArray(l.modelValue))
-          return l.modelValue.findIndex((d) => d[l.itemValue] === e[l.itemValue]) !== -1;
-      } else
-        return l.modelValue === e[l.itemValue];
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const tooltipText = (item) => {
+      return props.showTooltip ? item[props.itemTooltipText] : "";
+    };
+    const select = (item) => {
+      if (!props.multiple) {
+        emit("update:modelValue", item[props.itemValue]);
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          const val = item[props.itemValue];
+          const index = props.modelValue.findIndex((i) => i[props.itemValue] === val);
+          if (index !== -1) {
+            emit(
+              "update:modelValue",
+              props.modelValue.filter((i) => i[props.itemValue] !== val)
+            );
+          } else {
+            emit("update:modelValue", [...props.modelValue, item]);
+          }
+        } else {
+          emit("update:modelValue", [item]);
+        }
+      }
+    };
+    const isSelected = (item) => {
+      if (!props.multiple) {
+        return props.modelValue === item[props.itemValue];
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          const index = props.modelValue.findIndex((i) => i[props.itemValue] === item[props.itemValue]);
+          return index !== -1;
+        }
+      }
     };
-    return (e, n) => {
-      const d = g("tooltip");
-      return i(), s("div", {
-        class: r({ flex: e.grow, "*:px-0 *:py-0": e.noPadding })
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({ flex: _ctx.grow, "*:px-0 *:py-0": _ctx.noPadding })
       }, [
-        (i(!0), s(h, null, y(e.items, (t, o) => B((i(), T(S, {
-          key: t[e.itemValue],
-          size: e.size,
-          type: "secondary-outline-blue",
-          disabled: t.disabled,
-          class: r({
-            "rounded-none": o !== 0 && o !== e.items.length - 1,
-            "rounded-br-none rounded-tr-none": o === 0,
-            "rounded-bl-none rounded-tl-none": o === e.items.length - 1,
-            "-mr-0.5": o !== e.items.length - 1,
-            "flex-1": e.grow
-          }),
-          selected: u(t) && e.highlightSelected,
-          onClick: (z) => c(t)
-        }, {
-          default: b(() => [
-            v(e.$slots, `btn-${o}`, {
-              item: t,
-              isSelected: u(t)
-            }, () => [
-              w(k(t[e.itemText]), 1)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["size", "disabled", "class", "selected", "onClick"])), [
-          [d, { content: f(t) }]
-        ])), 128))
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+          return withDirectives((openBlock(), createBlock(PBtn, {
+            key: item[_ctx.itemValue],
+            size: _ctx.size,
+            type: "secondary-outline-blue",
+            disabled: item.disabled,
+            class: normalizeClass({
+              "rounded-none": index !== 0 && index !== _ctx.items.length - 1,
+              "rounded-br-none rounded-tr-none": index === 0,
+              "rounded-bl-none rounded-tl-none": index === _ctx.items.length - 1,
+              "-mr-0.5": index !== _ctx.items.length - 1,
+              "flex-1": _ctx.grow
+            }),
+            selected: isSelected(item) && _ctx.highlightSelected,
+            onClick: ($event) => select(item)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, `btn-${index}`, {
+                item,
+                isSelected: isSelected(item)
+              }, () => [
+                createTextVNode(toDisplayString(item[_ctx.itemText]), 1)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["size", "disabled", "class", "selected", "onClick"])), [
+            [_directive_tooltip, { content: tooltipText(item) }]
+          ]);
+        }), 128))
       ], 2);
     };
   }
 });
 export {
-  P as _
+  _sfc_main as _
 };