@robuust-digital/vue-components 2.3.3 → 2.3.4

package/dist/_shared/{Tabs.vue_vue_type_script_setup_true_lang-DMUJ5Emt.js → Tabs.vue_vue_type_script_setup_true_lang-DdRAwz_B.js}

@@ -1,10 +1,10 @@
-import { createElementBlock as n, openBlock as l, createElementVNode as u, defineComponent as w, Fragment as k, renderList as V, renderSlot as c, createTextVNode as M, toDisplayString as g, createVNode as L, unref as h, normalizeClass as y, createBlock as C, resolveDynamicComponent as P, withCtx as T, createCommentVNode as $, computed as B, useAttrs as O, ref as x, withDirectives as A, mergeProps as p, vModelDynamic as N, normalizeProps as F, guardReactiveProps as E, vModelSelect as H, vModelText as D } from "vue";
-import { r as R } from "./XMarkIcon-90mcPzBs.js";
-import { u as I } from "./FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
-import { S as U } from "./icon-spinner-CP0VP_YM.js";
-import { r as Z } from "./ChevronDownIcon-CcE_K1lg.js";
+import { openBlock as a, createElementBlock as n, createElementVNode as u, defineComponent as w, Fragment as k, renderList as V, renderSlot as c, createTextVNode as x, toDisplayString as f, createVNode as L, unref as h, normalizeClass as p, createBlock as C, resolveDynamicComponent as S, withCtx as T, createCommentVNode as $, computed as B, useAttrs as I, ref as M, withDirectives as A, mergeProps as y, vModelDynamic as N, normalizeProps as F, guardReactiveProps as E, vModelSelect as H, vModelText as D } from "vue";
+import { r as R } from "./XMarkIcon-CPr_Rd8y.js";
+import { u as O } from "./FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
+import { S as U } from "./icon-spinner-BYCMrTdL.js";
+import { r as Z } from "./ChevronDownIcon-BYWciGnh.js";
 function K(e, r) {
-  return l(), n("svg", {
+  return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -19,7 +19,7 @@ function K(e, r) {
   ]);
 }
 function q(e, r) {
-  return l(), n("svg", {
+  return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -42,39 +42,39 @@ const G = { class: "rvc-accordion" }, J = ["open", "name"], Q = ["innerHTML"], A
     contentClass: {}
   },
   setup(e) {
-    return (r, d) => (l(), n("div", G, [
-      (l(!0), n(k, null, V(e.items, (v, s) => (l(), n("details", {
-        key: s,
-        open: e.defaultOpenIndex === s,
+    return (r, v) => (a(), n("div", G, [
+      (a(!0), n(k, null, V(e.items, (g, o) => (a(), n("details", {
+        key: o,
+        open: e.defaultOpenIndex === o,
         name: e.name
       }, [
         u("summary", null, [
           c(r.$slots, "summary", {
-            item: v,
-            index: s
+            item: g,
+            index: o
           }, () => [
-            M(g(v.title) + " ", 1),
+            x(f(g.title) + " ", 1),
             c(r.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
               L(h(q), { class: "rvc-accordion-icon" })
             ])
           ])
         ]),
         u("div", {
-          class: y(["rvc-accordion-content", e.contentClass])
+          class: p(["rvc-accordion-content", e.contentClass])
         }, [
           c(r.$slots, "content", {
-            item: v,
-            index: s
+            item: g,
+            index: o
           }, () => [
             u("div", {
-              innerHTML: v.content
+              innerHTML: g.content
             }, null, 8, Q)
           ])
         ], 2)
       ], 8, J))), 128))
     ]));
   }
-}), W = { class: "rvc-alert-title" }, Ie = /* @__PURE__ */ w({
+}), W = { class: "rvc-alert-title" }, Oe = /* @__PURE__ */ w({
   __name: "Alert",
   props: {
     as: { default: "div" },
@@ -85,28 +85,28 @@ const G = { class: "rvc-accordion" }, J = ["open", "name"], Q = ["innerHTML"], A
   },
   emits: ["alert:close"],
   setup(e) {
-    return (r, d) => (l(), C(P(e.as), {
-      class: y(["rvc-alert", `rvc-alert-${e.type}`])
+    return (r, v) => (a(), C(S(e.as), {
+      class: p(["rvc-alert", `rvc-alert-${e.type}`])
     }, {
       default: T(() => [
         c(r.$slots, "icon", {}, () => [
-          e.icon ? (l(), C(P(e.icon), {
+          e.icon ? (a(), C(S(e.icon), {
             key: 0,
             class: "rvc-alert-icon"
           })) : $("", !0)
         ]),
         u("div", null, [
           c(r.$slots, "title", {}, () => [
-            u("span", W, g(e.title), 1)
+            u("span", W, f(e.title), 1)
           ]),
           c(r.$slots, "default")
         ]),
         c(r.$slots, "close", {}, () => [
-          e.close ? (l(), n("button", {
+          e.close ? (a(), n("button", {
             key: 0,
             type: "button",
             class: "rvc-alert-close",
-            onClick: d[0] || (d[0] = (v) => r.$emit("alert:close"))
+            onClick: v[0] || (v[0] = (g) => r.$emit("alert:close"))
           }, [
             L(h(R))
           ])) : $("", !0)
@@ -118,7 +118,7 @@ const G = { class: "rvc-accordion" }, J = ["open", "name"], Q = ["innerHTML"], A
 }), X = { class: "rvc-checkbox-input" }, Y = {
   key: 0,
   class: "rvc-checkbox-label"
-}, Oe = /* @__PURE__ */ w({
+}, Ie = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -128,39 +128,39 @@ const G = { class: "rvc-accordion" }, J = ["open", "name"], Q = ["innerHTML"], A
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const d = e, v = r, s = B({
-      get: () => d.modelValue,
-      set: (t) => v("update:modelValue", t)
-    }), { hasModelBinding: f } = I(), m = O(), a = B(() => ({
-      ...m,
+    const v = e, g = r, o = B({
+      get: () => v.modelValue,
+      set: (t) => g("update:modelValue", t)
+    }), { hasModelBinding: d } = O(), b = I(), l = B(() => ({
+      ...b,
       type: "checkbox"
-    })), o = x(null);
-    return (t, i) => (l(), n("label", {
-      class: y(["rvc-checkbox", e.rootClass])
+    })), s = M(null);
+    return (t, i) => (a(), n("label", {
+      class: p(["rvc-checkbox", e.rootClass])
     }, [
       u("div", X, [
-        h(f) ? A((l(), n("input", p({ key: 0 }, a.value, {
+        h(d) ? A((a(), n("input", y({ key: 0 }, l.value, {
           ref_key: "input",
-          ref: o,
-          "onUpdate:modelValue": i[0] || (i[0] = (b) => s.value = b)
+          ref: s,
+          "onUpdate:modelValue": i[0] || (i[0] = (m) => o.value = m)
         }), null, 16)), [
-          [N, s.value]
-        ]) : (l(), n("input", p({ key: 1 }, a.value, {
+          [N, o.value]
+        ]) : (a(), n("input", y({ key: 1 }, l.value, {
           ref_key: "input",
-          ref: o
+          ref: s
         }), null, 16)),
         c(t.$slots, "icon", {}, () => [
           L(h(K))
         ])
       ]),
       c(t.$slots, "default", { label: e.label }, () => [
-        e.label ? (l(), n("span", Y, g(e.label), 1)) : $("", !0)
+        e.label ? (a(), n("span", Y, f(e.label), 1)) : $("", !0)
       ])
     ], 2));
   }
 });
 function _(e, r) {
-  return l(), n("svg", {
+  return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
@@ -175,7 +175,7 @@ function _(e, r) {
   ]);
 }
 function ee(e, r) {
-  return l(), n("svg", {
+  return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -190,7 +190,7 @@ function ee(e, r) {
   ]);
 }
 function te(e, r) {
-  return l(), n("svg", {
+  return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -219,58 +219,58 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const d = e, v = r, s = B({
-      get: () => d.modelValue,
-      set: (a) => v("update:modelValue", a)
-    }), { hasModelBinding: f } = I(), m = x(null);
-    return (a, o) => (l(), n("div", {
-      class: y([
+    const v = e, g = r, o = B({
+      get: () => v.modelValue,
+      set: (l) => g("update:modelValue", l)
+    }), { hasModelBinding: d } = O(), b = M(null);
+    return (l, s) => (a(), n("div", {
+      class: p([
         "rvc-select",
         `rvc-select-${e.size}`,
         e.rootClass
       ])
     }, [
-      e.prefixIcon ? c(a.$slots, "prefixIcon", {
+      e.prefixIcon ? c(l.$slots, "prefixIcon", {
         key: 0,
         icon: e.prefixIcon
       }, () => [
-        (l(), C(P(e.prefixIcon), { "aria-hidden": "true" }))
+        (a(), C(S(e.prefixIcon), { "aria-hidden": "true" }))
       ]) : $("", !0),
-      c(a.$slots, "select", F(E(a.$attrs)), () => [
-        h(f) ? A((l(), n("select", p({ key: 0 }, a.$attrs, {
+      c(l.$slots, "select", F(E(l.$attrs)), () => [
+        h(d) ? A((a(), n("select", y({ key: 0 }, l.$attrs, {
           ref_key: "select",
-          ref: m,
-          "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value = t)
+          ref: b,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => o.value = t)
         }), [
-          c(a.$slots, "default", {}, () => [
-            e.options.length > 0 ? (l(!0), n(k, { key: 0 }, V(e.options, (t, i) => (l(), n("option", {
+          c(l.$slots, "default", {}, () => [
+            e.options.length > 0 ? (a(!0), n(k, { key: 0 }, V(e.options, (t, i) => (a(), n("option", {
               key: `option-${i}-${t[e.optionValue]}`,
               value: t[e.optionValue]
-            }, g(t[e.optionLabel]), 9, ae))), 128)) : $("", !0)
+            }, f(t[e.optionLabel]), 9, ae))), 128)) : $("", !0)
           ])
         ], 16)), [
-          [H, s.value]
-        ]) : (l(), n("select", p({ key: 1 }, a.$attrs, {
+          [H, o.value]
+        ]) : (a(), n("select", y({ key: 1 }, l.$attrs, {
           ref_key: "select",
-          ref: m
+          ref: b
         }), [
-          c(a.$slots, "default", {}, () => [
-            e.options.length > 0 ? (l(!0), n(k, { key: 0 }, V(e.options, (t, i) => (l(), n("option", {
+          c(l.$slots, "default", {}, () => [
+            e.options.length > 0 ? (a(!0), n(k, { key: 0 }, V(e.options, (t, i) => (a(), n("option", {
               key: `option-${i}-${t[e.optionValue]}`,
               value: t[e.optionValue]
-            }, g(t[e.optionLabel]), 9, le))), 128)) : $("", !0)
+            }, f(t[e.optionLabel]), 9, le))), 128)) : $("", !0)
           ])
         ], 16))
       ]),
-      c(a.$slots, "icon", { icon: e.icon }, () => [
-        (l(), C(P(e.icon ?? h(Z)), { "aria-hidden": "true" }))
+      c(l.$slots, "icon", { icon: e.icon }, () => [
+        (a(), C(S(e.icon ?? h(Z)), { "aria-hidden": "true" }))
       ])
     ], 2));
   }
 }), ne = {
   key: 0,
   class: "rvc-pagination"
-}, se = ["value"], oe = { class: "rvc-pagination-info" }, ie = { class: "rvc-pagination-nav-list" }, re = ["disabled", "onClick"], ce = { key: 2 }, ue = { key: 3 }, de = /* @__PURE__ */ w({
+}, oe = ["value"], se = { class: "rvc-pagination-info" }, ie = { class: "rvc-pagination-nav-list" }, re = ["disabled", "onClick"], ce = { key: 2 }, ue = { key: 3 }, de = /* @__PURE__ */ w({
   __name: "Pagination",
   props: {
     pagination: {},
@@ -281,67 +281,67 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
   },
   emits: ["pagination:change", "pagination:perPage"],
   setup(e, { emit: r }) {
-    const d = e, v = r, s = x(d.perPage);
-    return (f, m) => e.pagination?.total ? (l(), n("div", ne, [
-      c(f.$slots, "perPage", p(e.pagination, { perPage: s.value }), () => [
+    const v = e, g = r, o = B({
+      get: () => v.perPage,
+      set: (d) => g("pagination:perPage", Number(d))
+    });
+    return (d, b) => e.pagination?.total ? (a(), n("div", ne, [
+      c(d.$slots, "perPage", y(e.pagination, { perPage: o.value }), () => [
         L(j, {
-          modelValue: s.value,
-          "onUpdate:modelValue": [
-            m[0] || (m[0] = (a) => s.value = a),
-            m[1] || (m[1] = (a) => v("pagination:perPage", Number(a)))
-          ],
+          modelValue: o.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (l) => o.value = l),
           size: "sm",
           "root-class": "rvc-pagination-per-page"
         }, {
           default: T(() => [
-            (l(!0), n(k, null, V(e.perPageOptions, (a) => (l(), n("option", {
-              key: `pagination-items-per-page-option-${a}`,
-              value: a
-            }, g(a) + " " + g(e.perPageLabel), 9, se))), 128))
+            (a(!0), n(k, null, V(e.perPageOptions, (l) => (a(), n("option", {
+              key: `pagination-items-per-page-option-${l}`,
+              value: l
+            }, f(l) + " " + f(e.perPageLabel), 9, oe))), 128))
           ]),
           _: 1
         }, 8, ["modelValue"])
       ]),
-      c(f.$slots, "info", p(e.pagination, { fromLabel: e.fromLabel }), () => [
-        u("div", oe, g(e.pagination.from) + " - " + g(e.pagination.to) + " " + g(e.fromLabel) + " " + g(e.pagination.total), 1)
+      c(d.$slots, "info", y(e.pagination, { fromLabel: e.fromLabel }), () => [
+        u("div", se, f(e.pagination.from) + " - " + f(e.pagination.to) + " " + f(e.fromLabel) + " " + f(e.pagination.total), 1)
       ]),
       u("nav", null, [
         u("ol", ie, [
-          (l(!0), n(k, null, V(e.pagination.links, (a, o) => (l(), n("li", {
-            key: `pagination-link-${a.label}-${o}`,
+          (a(!0), n(k, null, V(e.pagination.links, (l, s) => (a(), n("li", {
+            key: `pagination-link-${l.label}-${s}`,
             class: "rvc-pagination-nav-list-item"
           }, [
             u("button", {
               type: "button",
-              disabled: a.label === "..." || !a.url,
-              class: y([
+              disabled: l.label === "..." || !l.url,
+              class: p([
                 "rvc-pagination-button",
-                { "rvc-pagination-button-active": a.active }
+                { "rvc-pagination-button-active": l.active }
               ]),
-              onClick: (t) => a.url && v("pagination:change", a.url)
+              onClick: (t) => l.url && g("pagination:change", l.url)
             }, [
-              a.url !== "..." && o === 0 ? (l(), C(h(ee), {
+              l.url !== "..." && s === 0 ? (a(), C(h(ee), {
                 key: 0,
                 "aria-hidden": "true",
-                class: y([
+                class: p([
                   "rvc-pagination-button-icon",
-                  { "rvc-pagination-button-icon-disabled": !a.url }
+                  { "rvc-pagination-button-icon-disabled": !l.url }
                 ])
-              }, null, 8, ["class"])) : a.label !== "..." && o === e.pagination.links.length - 1 ? (l(), C(h(te), {
+              }, null, 8, ["class"])) : l.label !== "..." && s === e.pagination.links.length - 1 ? (a(), C(h(te), {
                 key: 1,
                 "aria-hidden": "true",
-                class: y([
+                class: p([
                   "rvc-pagination-button-icon",
-                  { "rvc-pagination-button-icon-disabled": !a.url }
+                  { "rvc-pagination-button-icon-disabled": !l.url }
                 ])
-              }, null, 8, ["class"])) : a.label === "..." ? (l(), n("span", ce, " ... ")) : (l(), n("span", ue, g(a.label), 1))
+              }, null, 8, ["class"])) : l.label === "..." ? (a(), n("span", ce, " ... ")) : (a(), n("span", ue, f(l.label), 1))
             ], 10, re)
           ]))), 128))
         ])
       ])
     ])) : $("", !0);
   }
-}), ve = { key: 0 }, fe = ["aria-label", "onClick"], ge = ["innerHTML"], me = { key: 1 }, be = ["colspan"], ye = { key: 2 }, pe = ["colspan"], $e = { class: "rvc-table-spinner-wrapper" }, he = { key: 1 }, Ne = /* @__PURE__ */ w({
+}), ve = { key: 0 }, ge = ["aria-label", "onClick"], fe = ["innerHTML"], me = { key: 1 }, be = ["colspan"], pe = { key: 2 }, ye = ["colspan"], $e = { class: "rvc-table-spinner-wrapper" }, he = { key: 1 }, Ne = /* @__PURE__ */ w({
   __name: "DataTable",
   props: {
     headers: { default: () => [] },
@@ -351,35 +351,39 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
     striped: { type: Boolean, default: !1 },
     spinning: { type: Boolean, default: !1 },
     pagination: { default: null },
+    perPage: { default: 10 },
+    perPageLabel: { default: "per page" },
+    perPageOptions: { default: () => [10, 20, 50] },
+    fromLabel: { default: "of" },
     wrapperClass: { default: "" },
     defaultSort: { default: null }
   },
   emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
   setup(e, { emit: r }) {
-    const d = e, v = r, s = x(d.defaultSort), f = (a) => d.headers.find((o) => o.key === a), m = (a) => {
-      a.key && (!s.value || s.value.key !== a.key ? s.value = {
-        key: a.key,
+    const v = e, g = r, o = M(v.defaultSort), d = (l) => v.headers.find((s) => s.key === l), b = (l) => {
+      l.key && (!o.value || o.value.key !== l.key ? o.value = {
+        key: l.key,
         direction: "asc"
-      } : s.value.direction === "asc" ? s.value = {
-        key: a.key,
+      } : o.value.direction === "asc" ? o.value = {
+        key: l.key,
         direction: "desc"
-      } : s.value = null, v("table:sortBy", s.value));
+      } : o.value = null, g("table:sortBy", o.value));
     };
-    return (a, o) => (l(), n("div", null, [
+    return (l, s) => (a(), n("div", null, [
       u("div", {
-        class: y(["rvc-table-wrapper", e.wrapperClass])
+        class: p(["rvc-table-wrapper", e.wrapperClass])
       }, [
         u("table", {
-          class: y([{ "rvc-table-striped": e.striped }, "rvc-table"])
+          class: p([{ "rvc-table-striped": e.striped }, "rvc-table"])
         }, [
-          e.headers.length ? (l(), n("thead", ve, [
-            c(a.$slots, "headers", { headers: e.headers }, () => [
+          e.headers.length ? (a(), n("thead", ve, [
+            c(l.$slots, "headers", { headers: e.headers }, () => [
               u("tr", null, [
-                (l(!0), n(k, null, V(e.headers, (t, i) => c(a.$slots, "header", {
+                (a(!0), n(k, null, V(e.headers, (t, i) => c(l.$slots, "header", {
                   header: t,
                   index: i
                 }, () => [
-                  (l(), n("th", p({ ref_for: !0 }, { ...t, id: String(t.id) }, {
+                  (a(), n("th", y({ ref_for: !0 }, { ...t, id: String(t.id) }, {
                     key: `rvc-table-header-${t.id}`,
                     class: {
                       "rvc-table-text-left": t.align === "left" || !t.align,
@@ -387,41 +391,41 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
                       "rvc-table-text-right": t.align === "right"
                     }
                   }), [
-                    t.sortable && t.key ? (l(), n("button", {
+                    t.sortable && t.key ? (a(), n("button", {
                       key: 0,
                       type: "button",
                       "aria-label": `Sort on ${t.label}`,
-                      class: y([
+                      class: p([
                         "rvc-table-sort-button",
                         {
                           "rvc-table-sort-button-center": t.align === "center",
                           "rvc-table-sort-button-right": t.align === "right"
                         }
                       ]),
-                      onClick: (b) => m(t)
+                      onClick: (m) => b(t)
                     }, [
-                      c(a.$slots, "header-label", {
-                        sortBy: s.value,
+                      c(l.$slots, "header-label", {
+                        sortBy: o.value,
                         header: t
                       }, () => [
-                        M(g(t.label), 1)
+                        x(f(t.label), 1)
                       ]),
                       L(h(_), {
-                        class: y([
+                        class: p([
                           "rvc-table-sort-icon",
                           {
-                            "rvc-table-sort-icon-visible": s.value?.key === t.key,
-                            "rvc-table-sort-icon-invisible": !s.value || s.value.key !== t.key,
-                            "rvc-table-sort-icon-rotated": s.value?.key === t.key && s.value.direction === "desc"
+                            "rvc-table-sort-icon-visible": o.value?.key === t.key,
+                            "rvc-table-sort-icon-invisible": !o.value || o.value.key !== t.key,
+                            "rvc-table-sort-icon-rotated": o.value?.key === t.key && o.value.direction === "desc"
                           }
                         ])
                       }, null, 8, ["class"])
-                    ], 10, fe)) : c(a.$slots, "header-label", {
+                    ], 10, ge)) : c(l.$slots, "header-label", {
                       key: 1,
-                      sortBy: s.value,
+                      sortBy: o.value,
                       header: t
                     }, () => [
-                      M(g(t.label), 1)
+                      x(f(t.label), 1)
                     ])
                   ], 16))
                 ])), 256))
@@ -429,71 +433,75 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
             ])
           ])) : $("", !0),
           u("tbody", null, [
-            e.items.length && !e.spinning ? (l(!0), n(k, { key: 0 }, V(e.items, (t, i) => c(a.$slots, "items", {
+            e.items.length && !e.spinning ? (a(!0), n(k, { key: 0 }, V(e.items, (t, i) => c(l.$slots, "items", {
               item: t,
               index: i
             }, () => [
-              (l(), n("tr", {
+              (a(), n("tr", {
                 key: `rvc-table-row-${i}-${t.id}`
               }, [
-                c(a.$slots, "item", {
+                c(l.$slots, "item", {
                   item: t,
                   index: i
                 }, () => [
-                  (l(!0), n(k, null, V(t, (b, S) => (l(), n("td", p({
-                    key: `rvc-table-row-${i}-column-${S}-${t.id}`
+                  (a(!0), n(k, null, V(t, (m, P) => (a(), n("td", y({
+                    key: `rvc-table-row-${i}-column-${P}-${t.id}`
                   }, { ref_for: !0 }, t.attrs, {
                     class: {
-                      "rvc-table-text-left": f(String(S))?.align === "left" || !f(String(S))?.align,
-                      "rvc-table-text-center": f(String(S))?.align === "center",
-                      "rvc-table-text-right": f(String(S))?.align === "right"
+                      "rvc-table-text-left": d(String(P))?.align === "left" || !d(String(P))?.align,
+                      "rvc-table-text-center": d(String(P))?.align === "center",
+                      "rvc-table-text-right": d(String(P))?.align === "right"
                     },
-                    innerHTML: b
-                  }), null, 16, ge))), 128))
+                    innerHTML: m
+                  }), null, 16, fe))), 128))
                 ])
               ]))
-            ])), 256)) : !e.items.length && !e.spinning ? (l(), n("tr", me, [
+            ])), 256)) : !e.items.length && !e.spinning ? (a(), n("tr", me, [
               u("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                u("p", null, g(e.noResultsText), 1)
+                u("p", null, f(e.noResultsText), 1)
               ], 8, be)
-            ])) : (l(), n("tr", ye, [
+            ])) : (a(), n("tr", pe, [
               u("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                c(a.$slots, "spinner", {
+                c(l.$slots, "spinner", {
                   spinning: e.spinning,
                   label: e.loadingText
                 }, () => [
                   u("div", $e, [
-                    e.spinning ? (l(), C(h(U), {
+                    e.spinning ? (a(), C(h(U), {
                       key: 0,
                       "aria-hidden": "true",
                       class: "rvc-table-spinner"
                     })) : $("", !0),
-                    M(" " + g(e.loadingText), 1)
+                    x(" " + f(e.loadingText), 1)
                   ])
                 ])
-              ], 8, pe)
+              ], 8, ye)
             ]))
           ]),
-          a.$slots.footer ? (l(), n("tfoot", he, [
-            c(a.$slots, "footer", {
+          l.$slots.footer ? (a(), n("tfoot", he, [
+            c(l.$slots, "footer", {
               headers: e.headers,
               items: e.items
             })
           ])) : $("", !0)
         ], 2)
       ], 2),
-      e.pagination ? c(a.$slots, "pagination", F(p({ key: 0 }, e.pagination)), () => [
+      e.pagination ? c(l.$slots, "pagination", F(y({ key: 0 }, e.pagination)), () => [
         L(de, {
           pagination: e.pagination,
-          "onPagination:change": o[0] || (o[0] = (t) => v("pagination:change", t)),
-          "onPagination:perPage": o[1] || (o[1] = (t) => v("pagination:perPage", t))
-        }, null, 8, ["pagination"])
+          "per-page": e.perPage,
+          "per-page-label": e.perPageLabel,
+          "per-page-options": e.perPageOptions,
+          "from-label": e.fromLabel,
+          "onPagination:change": s[0] || (s[0] = (t) => g("pagination:change", t)),
+          "onPagination:perPage": s[1] || (s[1] = (t) => g("pagination:perPage", t))
+        }, null, 8, ["pagination", "per-page", "per-page-label", "per-page-options", "from-label"])
       ]) : $("", !0)
     ]));
   }
@@ -508,14 +516,14 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
     icon: { type: [Function, Object, null] }
   },
   setup(e) {
-    return (r, d) => (l(), n("div", {
-      class: y(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
+    return (r, v) => (a(), n("div", {
+      class: p(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
     }, [
-      e.icon ? (l(), C(P(e.icon), {
+      e.icon ? (a(), C(S(e.icon), {
         key: 0,
         class: "rvc-empty-state-icon"
       })) : $("", !0),
-      e.title ? (l(), n("p", ke, g(e.title), 1)) : $("", !0),
+      e.title ? (a(), n("p", ke, f(e.title), 1)) : $("", !0),
       c(r.$slots, "default")
     ], 2));
   }
@@ -527,26 +535,26 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const d = e, v = r, { hasModelBinding: s } = I(), f = x(null), m = B({
-      get: () => d.modelValue,
-      set: (o) => v("update:modelValue", o)
-    }), a = B(() => [
+    const v = e, g = r, { hasModelBinding: o } = O(), d = M(null), b = B({
+      get: () => v.modelValue,
+      set: (s) => g("update:modelValue", s)
+    }), l = B(() => [
       "rvc-textarea",
-      `rvc-textarea-${d.size}`
+      `rvc-textarea-${v.size}`
     ]);
-    return (o, t) => h(s) ? A((l(), n("textarea", {
+    return (s, t) => h(o) ? A((a(), n("textarea", {
       key: 0,
       ref_key: "textarea",
-      ref: f,
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => m.value = i),
-      class: y(a.value)
+      ref: d,
+      "onUpdate:modelValue": t[0] || (t[0] = (i) => b.value = i),
+      class: p(l.value)
     }, null, 2)), [
-      [D, m.value]
-    ]) : (l(), n("textarea", {
+      [D, b.value]
+    ]) : (a(), n("textarea", {
       key: 1,
       ref_key: "textarea",
-      ref: f,
-      class: y(a.value)
+      ref: d,
+      class: p(l.value)
     }, null, 2));
   }
 }), Ve = { class: "rvc-radio-input" }, we = { class: "rvc-radio-label" }, ze = /* @__PURE__ */ w({
@@ -559,30 +567,30 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const d = e, v = r, s = B({
-      get: () => d.modelValue,
-      set: (t) => v("update:modelValue", t)
-    }), { hasModelBinding: f } = I(), m = O(), a = B(() => ({
-      ...m,
+    const v = e, g = r, o = B({
+      get: () => v.modelValue,
+      set: (t) => g("update:modelValue", t)
+    }), { hasModelBinding: d } = O(), b = I(), l = B(() => ({
+      ...b,
       type: "radio"
-    })), o = x(null);
-    return (t, i) => (l(), n("label", {
-      class: y(["rvc-radio", e.rootClass])
+    })), s = M(null);
+    return (t, i) => (a(), n("label", {
+      class: p(["rvc-radio", e.rootClass])
     }, [
       u("div", Ve, [
-        h(f) ? A((l(), n("input", p({ key: 0 }, a.value, {
+        h(d) ? A((a(), n("input", y({ key: 0 }, l.value, {
           ref_key: "input",
-          ref: o,
-          "onUpdate:modelValue": i[0] || (i[0] = (b) => s.value = b)
+          ref: s,
+          "onUpdate:modelValue": i[0] || (i[0] = (m) => o.value = m)
         }), null, 16)), [
-          [N, s.value]
-        ]) : (l(), n("input", p({ key: 1 }, a.value, {
+          [N, o.value]
+        ]) : (a(), n("input", y({ key: 1 }, l.value, {
           ref_key: "input",
-          ref: o
+          ref: s
         }), null, 16))
       ]),
       c(t.$slots, "default", {}, () => [
-        u("span", we, g(e.label), 1)
+        u("span", we, f(e.label), 1)
       ])
     ], 2));
   }
@@ -596,60 +604,60 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
   },
   emits: ["update:modelValue", "tabs:change"],
   setup(e, { emit: r }) {
-    const d = e, v = r, s = () => {
-      const o = d.tabs.findIndex((t) => t.active);
-      return o >= 0 ? o : 0;
-    }, f = B({
-      get: () => d.modelValue ?? s(),
-      set: (o) => {
-        const t = d.tabs[o];
-        v("update:modelValue", o), t && v("tabs:change", t);
+    const v = e, g = r, o = () => {
+      const s = v.tabs.findIndex((t) => t.active);
+      return s >= 0 ? s : 0;
+    }, d = B({
+      get: () => v.modelValue ?? o(),
+      set: (s) => {
+        const t = v.tabs[s];
+        g("update:modelValue", s), t && g("tabs:change", t);
       }
-    }), m = (o) => {
-      const i = +o.target.value;
-      f.value = i;
-      const b = d.tabs[i];
-      b?.selectEvent && b.selectEvent();
-    }, a = (o) => {
+    }), b = (s) => {
+      const i = +s.target.value;
+      d.value = i;
+      const m = v.tabs[i];
+      m?.selectEvent && m.selectEvent();
+    }, l = (s) => {
       const {
         active: t,
         as: i,
-        bindAs: b,
-        selectEvent: S,
-        name: Se,
+        bindAs: m,
+        selectEvent: P,
+        name: Pe,
         ...z
-      } = o;
+      } = s;
       return z;
     };
-    return (o, t) => (l(), n(k, null, [
-      u("div", p(o.$attrs, {
+    return (s, t) => (a(), n(k, null, [
+      u("div", y(s.$attrs, {
         class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }]
       }), [
         u("nav", Ce, [
-          (l(!0), n(k, null, V(e.tabs, (i, b) => (l(), C(P(i.as ? i.as : "button"), p({ ref_for: !0 }, a(i), {
-            key: `${b}-tab-item`,
+          (a(!0), n(k, null, V(e.tabs, (i, m) => (a(), C(S(i.as ? i.as : "button"), y({ ref_for: !0 }, l(i), {
+            key: `${m}-tab-item`,
             as: i.bindAs ? i.bindAs : void 0,
-            class: ["rvc-tab", { "rvc-tab-active": f.value === b }],
-            onClick: (S) => f.value = b
+            class: ["rvc-tab", { "rvc-tab-active": d.value === m }],
+            onClick: (P) => d.value = m
           }), {
             default: T(() => [
-              M(g(i.name), 1)
+              x(f(i.name), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onClick"]))), 128))
         ])
       ], 16),
-      L(j, p(o.$attrs, {
+      L(j, y(s.$attrs, {
         "root-class": "rvc-tabs-select",
-        value: f.value,
-        onChange: m
+        value: d.value,
+        onChange: b
       }), {
         default: T(() => [
-          (l(!0), n(k, null, V(e.tabs, (i, b) => (l(), n("option", {
-            key: `${b}-tab-item-select-option`,
-            value: b,
-            selected: f.value === b
-          }, g(i.name), 9, Be))), 128))
+          (a(!0), n(k, null, V(e.tabs, (i, m) => (a(), n("option", {
+            key: `${m}-tab-item-select-option`,
+            value: m,
+            selected: d.value === m
+          }, f(i.name), 9, Be))), 128))
         ]),
         _: 1
       }, 16, ["value"])
@@ -658,8 +666,8 @@ const ae = ["value"], le = ["value"], j = /* @__PURE__ */ w({
 });
 export {
   Ae as _,
-  Ie as a,
-  Oe as b,
+  Oe as a,
+  Ie as b,
   Ne as c,
   Fe as d,
   j as e,