readytech-ui-library-v2 0.0.17 → 0.0.18

package/dist/readytech-ui-library-v2.es.js

@@ -1,8 +1,8 @@
-import { resolveComponent as r, createBlock as u, openBlock as d, normalizeClass as V, withCtx as l, createCommentVNode as w, createElementVNode as B, createTextVNode as g, toDisplayString as b, renderSlot as R, createElementBlock as h, createVNode as p, computed as z, Fragment as N, renderList as T, mergeProps as A, withDirectives as L, withKeys as x, withModifiers as k, vShow as E } from "vue";
-const _ = (t, a) => {
+import { resolveComponent as l, createBlock as u, openBlock as d, normalizeClass as V, withCtx as i, createCommentVNode as N, createElementVNode as k, createTextVNode as g, toDisplayString as b, renderSlot as R, createElementBlock as h, createVNode as _, computed as z, Fragment as A, renderList as P, mergeProps as w, withDirectives as L, withKeys as B, withModifiers as x, vShow as E } from "vue";
+const p = (t, a) => {
   const e = t.__vccOpts || t;
-  for (const [s, i] of a)
-    e[s] = i;
+  for (const [s, r] of a)
+    e[s] = r;
   return e;
 }, M = {
   name: "RtIcon",
@@ -29,8 +29,8 @@ const _ = (t, a) => {
     }
   }
 };
-function U(t, a, e, s, i, n) {
-  const o = r("v-icon");
+function U(t, a, e, s, r, n) {
+  const o = l("v-icon");
   return d(), u(o, {
     size: e.size,
     color: e.color,
@@ -38,10 +38,10 @@ function U(t, a, e, s, i, n) {
     icon: e.icon
   }, null, 8, ["size", "color", "class", "icon"]);
 }
-const P = /* @__PURE__ */ _(M, [["render", U], ["__scopeId", "data-v-d688a9cc"]]), j = {
+const T = /* @__PURE__ */ p(M, [["render", U], ["__scopeId", "data-v-d688a9cc"]]), q = {
   name: "RtAlert",
   components: {
-    RtIcon: P
+    RtIcon: T
   },
   props: {
     density: {
@@ -101,9 +101,9 @@ const P = /* @__PURE__ */ _(M, [["render", U], ["__scopeId", "data-v-d688a9cc"]]
       return this.type === "error" || this.type === "warning" ? "assertive" : "polite";
     }
   }
-}, F = { class: "alert-content" };
-function O(t, a, e, s, i, n) {
-  const o = r("RtIcon"), c = r("v-alert");
+}, j = { class: "alert-content" };
+function F(t, a, e, s, r, n) {
+  const o = l("RtIcon"), c = l("v-alert");
   return d(), u(c, {
     text: e.text,
     type: e.icon,
@@ -117,25 +117,25 @@ function O(t, a, e, s, i, n) {
     "aria-live": n.getAriaLive(),
     "aria-atomic": !0
   }, {
-    default: l(() => [
+    default: i(() => [
       e.icon ? (d(), u(o, {
         key: 0,
         left: "",
         "aria-hidden": "true"
       }, {
-        default: l(() => [
+        default: i(() => [
           g(b(e.icon), 1)
         ]),
         _: 1
-      })) : w("", !0),
-      B("span", F, [
+      })) : N("", !0),
+      k("span", j, [
         R(t.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 8, ["text", "type", "border-color", "color", "border", "variant", "closable", "density", "aria-live"]);
 }
-const q = /* @__PURE__ */ _(j, [["render", O], ["__scopeId", "data-v-bae3eb1c"]]), D = {
+const O = /* @__PURE__ */ p(q, [["render", F], ["__scopeId", "data-v-bae3eb1c"]]), D = {
   name: "RtImage",
   props: {
     src: {
@@ -174,8 +174,8 @@ const q = /* @__PURE__ */ _(j, [["render", O], ["__scopeId", "data-v-bae3eb1c"]]
     }
   }
 };
-function K(t, a, e, s, i, n) {
-  const o = r("v-img");
+function K(t, a, e, s, r, n) {
+  const o = l("v-img");
   return d(), u(o, {
     src: e.src,
     alt: e.alt,
@@ -186,18 +186,18 @@ function K(t, a, e, s, i, n) {
     transition: e.transition,
     class: V(e.classes)
   }, {
-    placeholder: l(() => [
+    placeholder: i(() => [
       R(t.$slots, "placeholder", {}, () => [
         a[0] || (a[0] = g("Loading..."))
       ], !0)
     ]),
-    default: l(() => [
+    default: i(() => [
       R(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["src", "alt", "lazy-src", "aspect-ratio", "gradient", "loading", "transition", "class"]);
 }
-const H = /* @__PURE__ */ _(D, [["render", K], ["__scopeId", "data-v-f3ff4550"]]), G = {
+const H = /* @__PURE__ */ p(D, [["render", K], ["__scopeId", "data-v-f3ff4550"]]), G = {
   name: "RtAvatar",
   components: {
     RtImage: H
@@ -237,10 +237,10 @@ const H = /* @__PURE__ */ _(D, [["render", K], ["__scopeId", "data-v-f3ff4550"]]
   key: 1,
   class: "initials"
 };
-function W(t, a, e, s, i, n) {
-  const o = r("RtImage"), c = r("v-avatar");
+function W(t, a, e, s, r, n) {
+  const o = l("RtImage"), c = l("v-avatar");
   return d(), h("div", J, [
-    p(c, {
+    _(c, {
       size: e.size,
       class: "avatar",
       rounded: e.rounded,
@@ -248,7 +248,7 @@ function W(t, a, e, s, i, n) {
       role: "img",
       "aria-label": e.ariaLabel
     }, {
-      default: l(() => [
+      default: i(() => [
         e.avatarImage ? (d(), u(o, {
           key: 0,
           src: e.avatarImage,
@@ -259,7 +259,7 @@ function W(t, a, e, s, i, n) {
     }, 8, ["size", "rounded", "aria-label"])
   ]);
 }
-const X = /* @__PURE__ */ _(G, [["render", W], ["__scopeId", "data-v-0d49dde0"]]), Y = {
+const X = /* @__PURE__ */ p(G, [["render", W], ["__scopeId", "data-v-0d49dde0"]]), Y = {
   name: "RtBadge",
   props: {
     value: {
@@ -301,8 +301,8 @@ const X = /* @__PURE__ */ _(G, [["render", W], ["__scopeId", "data-v-0d49dde0"]]
     }
   }
 };
-function Z(t, a, e, s, i, n) {
-  const o = r("v-badge");
+function Z(t, a, e, s, r, n) {
+  const o = l("v-badge");
   return d(), u(o, {
     value: e.value,
     color: e.color,
@@ -317,13 +317,13 @@ function Z(t, a, e, s, i, n) {
     "aria-live": e.dot ? "polite" : "off",
     tabindex: "0"
   }, {
-    default: l(() => [
+    default: i(() => [
       R(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["value", "color", "dot", "overlap", "content", "size", "bottom", "top", "aria-label", "aria-live"]);
 }
-const $ = /* @__PURE__ */ _(Y, [["render", Z], ["__scopeId", "data-v-02392152"]]), ee = {
+const $ = /* @__PURE__ */ p(Y, [["render", Z], ["__scopeId", "data-v-02392152"]]), ee = {
   name: "RtButton",
   props: {
     // Button text label
@@ -431,7 +431,7 @@ const $ = /* @__PURE__ */ _(Y, [["render", Z], ["__scopeId", "data-v-02392152"]]
   setup(t, { emit: a }) {
     const e = () => {
       a("click");
-    }, s = z(() => t.primary ? "flat" : "outlined"), i = z(() => t.label || "Button"), n = z(() => ({
+    }, s = z(() => t.primary ? "flat" : "outlined"), r = z(() => t.label || "Button"), n = z(() => ({
       "btn-primary": t.primary,
       "btn-icon": t.icon,
       "btn-disabled": t.disabled
@@ -439,13 +439,13 @@ const $ = /* @__PURE__ */ _(Y, [["render", Z], ["__scopeId", "data-v-02392152"]]
     return {
       onClick: e,
       variant: s,
-      ariaLabel: i,
+      ariaLabel: r,
       buttonClasses: n
     };
   }
 };
-function te(t, a, e, s, i, n) {
-  const o = r("v-btn");
+function te(t, a, e, s, r, n) {
+  const o = l("v-btn");
   return d(), u(o, {
     type: "button",
     variant: s.variant,
@@ -472,7 +472,7 @@ function te(t, a, e, s, i, n) {
     onClick: s.onClick,
     "aria-label": s.ariaLabel
   }, {
-    default: l(() => [
+    default: i(() => [
       R(t.$slots, "default", {}, () => [
         g(b(e.label), 1)
       ], !0)
@@ -480,10 +480,10 @@ function te(t, a, e, s, i, n) {
     _: 3
   }, 8, ["variant", "size", "color", "icon", "disabled", "loading", "outlined", "text", "tile", "depressed", "rounded", "block", "href", "target", "elevation", "to", "replace", "exact", "append", "background-color", "class", "onClick", "aria-label"]);
 }
-const C = /* @__PURE__ */ _(ee, [["render", te], ["__scopeId", "data-v-ce0d0f31"]]), ae = {
+const C = /* @__PURE__ */ p(ee, [["render", te], ["__scopeId", "data-v-ce0d0f31"]]), ae = {
   name: "RtBottomNavigation",
   components: {
-    RtIcon: P,
+    RtIcon: T,
     RtButton: C
   },
   props: {
@@ -523,11 +523,11 @@ const C = /* @__PURE__ */ _(ee, [["render", te], ["__scopeId", "data-v-ce0d0f31"
     }
   }
 };
-function ne(t, a, e, s, i, n) {
-  const o = r("RtIcon"), c = r("RtButton"), f = r("v-bottom-navigation");
+function ne(t, a, e, s, r, n) {
+  const o = l("RtIcon"), c = l("RtButton"), f = l("v-bottom-navigation");
   return d(), u(f, {
-    modelValue: i.currentTab,
-    "onUpdate:modelValue": a[0] || (a[0] = (v) => i.currentTab = v),
+    modelValue: r.currentTab,
+    "onUpdate:modelValue": a[0] || (a[0] = (v) => r.currentTab = v),
     "background-color": e.backgroundColor,
     color: e.textColor,
     app: "",
@@ -535,19 +535,19 @@ function ne(t, a, e, s, i, n) {
     role: "navigation",
     "aria-label": e.ariaLabel
   }, {
-    default: l(() => [
-      (d(!0), h(N, null, T(e.tabs, (v, y) => (d(), u(c, {
+    default: i(() => [
+      (d(!0), h(A, null, P(e.tabs, (v, y) => (d(), u(c, {
         key: y,
         value: v.value,
         "aria-label": v.value + " tab",
         icon: !0,
         onClick: (I) => n.onTabClick(v),
-        "aria-selected": i.currentTab === v.value ? "true" : "false",
+        "aria-selected": r.currentTab === v.value ? "true" : "false",
         role: "tab",
         class: "v-btn-item"
       }, {
-        default: l(() => [
-          p(o, {
+        default: i(() => [
+          _(o, {
             icon: v.icon,
             size: 24
           }, null, 8, ["icon"])
@@ -558,7 +558,7 @@ function ne(t, a, e, s, i, n) {
     _: 1
   }, 8, ["modelValue", "background-color", "color", "aria-label"]);
 }
-const oe = /* @__PURE__ */ _(ae, [["render", ne], ["__scopeId", "data-v-d56f72f0"]]), le = {
+const oe = /* @__PURE__ */ p(ae, [["render", ne], ["__scopeId", "data-v-d56f72f0"]]), le = {
   name: "RtBottomSheet",
   components: {
     RtButton: C
@@ -567,40 +567,40 @@ const oe = /* @__PURE__ */ _(ae, [["render", ne], ["__scopeId", "data-v-d56f72f0
     sheet: !1
   })
 }, re = { class: "text-center" };
-function ie(t, a, e, s, i, n) {
-  const o = r("RtButton"), c = r("v-card-text"), f = r("v-card"), v = r("v-bottom-sheet");
+function ie(t, a, e, s, r, n) {
+  const o = l("RtButton"), c = l("v-card-text"), f = l("v-card"), v = l("v-bottom-sheet");
   return d(), h("div", re, [
-    p(o, {
+    _(o, {
       class: "open-button",
       size: "x-large",
       text: "Click Me",
       onClick: a[0] || (a[0] = (y) => t.sheet = !t.sheet)
     }),
-    p(v, {
+    _(v, {
       modelValue: t.sheet,
       "onUpdate:modelValue": a[2] || (a[2] = (y) => t.sheet = y)
     }, {
-      default: l(() => [
-        p(f, {
+      default: i(() => [
+        _(f, {
           class: "text-center",
           height: "200"
         }, {
-          default: l(() => [
-            p(c, null, {
-              default: l(() => [
-                p(o, {
+          default: i(() => [
+            _(c, null, {
+              default: i(() => [
+                _(o, {
                   class: "close-button",
                   variant: "text",
                   onClick: a[1] || (a[1] = (y) => t.sheet = !t.sheet)
                 }, {
-                  default: l(() => a[3] || (a[3] = [
+                  default: i(() => a[3] || (a[3] = [
                     g(" close ")
                   ])),
                   _: 1
                 }),
-                a[4] || (a[4] = B("br", null, null, -1)),
-                a[5] || (a[5] = B("br", null, null, -1)),
-                a[6] || (a[6] = B("div", null, " This is a bottom sheet using the controlled by v-model instead of activator ", -1))
+                a[4] || (a[4] = k("br", null, null, -1)),
+                a[5] || (a[5] = k("br", null, null, -1)),
+                a[6] || (a[6] = k("div", null, " This is a bottom sheet using the controlled by v-model instead of activator ", -1))
               ]),
               _: 1
             })
@@ -612,7 +612,7 @@ function ie(t, a, e, s, i, n) {
     }, 8, ["modelValue"])
   ]);
 }
-const de = /* @__PURE__ */ _(le, [["render", ie]]), se = {
+const de = /* @__PURE__ */ p(le, [["render", ie]]), se = {
   name: "RtText",
   props: {
     label: {
@@ -678,9 +678,9 @@ const de = /* @__PURE__ */ _(le, [["render", ie]]), se = {
     }
   }
 };
-function ce(t, a, e, s, i, n) {
-  const o = r("v-text-field");
-  return d(), u(o, A(n.inputProps, {
+function ce(t, a, e, s, r, n) {
+  const o = l("v-text-field");
+  return d(), u(o, w(n.inputProps, {
     modelValue: n.inputValue,
     "onUpdate:modelValue": a[0] || (a[0] = (c) => n.inputValue = c),
     label: e.label,
@@ -695,7 +695,7 @@ function ce(t, a, e, s, i, n) {
     "onClick:clear": n.handleClear
   }), null, 16, ["modelValue", "label", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "hint", "autocomplete", "onClick:clear"]);
 }
-const ue = /* @__PURE__ */ _(se, [["render", ce], ["__scopeId", "data-v-33b97f38"]]), fe = {
+const ue = /* @__PURE__ */ p(se, [["render", ce], ["__scopeId", "data-v-33b97f38"]]), fe = {
   name: "RtExpansionComponent",
   props: {
     disabled: {
@@ -757,22 +757,22 @@ const ue = /* @__PURE__ */ _(se, [["render", ce], ["__scopeId", "data-v-33b97f38
     }
   }
 };
-function me(t, a, e, s, i, n) {
-  const o = r("v-icon"), c = r("v-expansion-panel-title"), f = r("v-expansion-panel-text"), v = r("v-expansion-panel"), y = r("v-expansion-panels");
-  return d(), u(y, A(t.$attrs, {
+function me(t, a, e, s, r, n) {
+  const o = l("v-icon"), c = l("v-expansion-panel-title"), f = l("v-expansion-panel-text"), v = l("v-expansion-panel"), y = l("v-expansion-panels");
+  return d(), u(y, w(t.$attrs, {
     multiple: e.multiple,
     variant: e.variant,
     disabled: e.disabled,
     role: "region",
     "aria-multiselectable": "multiple"
   }), {
-    default: l(() => [
-      (d(!0), h(N, null, T(e.items, (I, m) => (d(), u(v, {
+    default: i(() => [
+      (d(!0), h(A, null, P(e.items, (I, m) => (d(), u(v, {
         key: m,
         role: "group"
       }, {
-        default: l(() => [
-          p(c, {
+        default: i(() => [
+          _(c, {
             role: "button",
             "aria-expanded": n.isExpanded(m),
             id: "panel-header-" + m,
@@ -780,23 +780,23 @@ function me(t, a, e, s, i, n) {
             onClick: (S) => n.togglePanel(m),
             tabindex: "0",
             onKeydown: [
-              x(k((S) => n.togglePanel(m), ["stop", "prevent"]), ["space"]),
-              x(k((S) => n.togglePanel(m), ["stop", "prevent"]), ["enter"]),
-              x(k((S) => n.focusPrevious(m), ["stop", "prevent"]), ["arrow-up"]),
-              x(k((S) => n.focusNext(m), ["stop", "prevent"]), ["arrow-down"]),
-              a[0] || (a[0] = x(k((S) => n.focusFirst(), ["stop", "prevent"]), ["home"])),
-              a[1] || (a[1] = x(k((S) => n.focusLast(), ["stop", "prevent"]), ["end"]))
+              B(x((S) => n.togglePanel(m), ["stop", "prevent"]), ["space"]),
+              B(x((S) => n.togglePanel(m), ["stop", "prevent"]), ["enter"]),
+              B(x((S) => n.focusPrevious(m), ["stop", "prevent"]), ["arrow-up"]),
+              B(x((S) => n.focusNext(m), ["stop", "prevent"]), ["arrow-down"]),
+              a[0] || (a[0] = B(x((S) => n.focusFirst(), ["stop", "prevent"]), ["home"])),
+              a[1] || (a[1] = B(x((S) => n.focusLast(), ["stop", "prevent"]), ["end"]))
             ]
           }, {
-            default: l(() => [
-              B("span", null, b(I.title), 1)
+            default: i(() => [
+              k("span", null, b(I.title), 1)
             ]),
-            actions: l(() => [
-              e.disabled ? w("", !0) : (d(), u(o, {
+            actions: i(() => [
+              e.disabled ? N("", !0) : (d(), u(o, {
                 key: 0,
                 "aria-hidden": !0
               }, {
-                default: l(() => [
+                default: i(() => [
                   g(b(n.isExpanded(m) ? e.collapseIcon : e.expandIcon), 1)
                 ]),
                 _: 2
@@ -804,12 +804,12 @@ function me(t, a, e, s, i, n) {
             ]),
             _: 2
           }, 1032, ["aria-expanded", "id", "aria-controls", "onClick", "onKeydown"]),
-          L(p(f, {
+          L(_(f, {
             id: "panel-content-" + m,
             "aria-labelledby": "panel-header-" + m,
             role: "region"
           }, {
-            default: l(() => [
+            default: i(() => [
               g(b(I.content), 1)
             ]),
             _: 2
@@ -823,7 +823,64 @@ function me(t, a, e, s, i, n) {
     _: 1
   }, 16, ["multiple", "variant", "disabled"]);
 }
-const pe = /* @__PURE__ */ _(fe, [["render", me], ["__scopeId", "data-v-2c20523a"]]), _e = {
+const pe = /* @__PURE__ */ p(fe, [["render", me], ["__scopeId", "data-v-2c20523a"]]), _e = {
+  name: "RtSelect",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    outlined: {
+      type: Boolean,
+      default: !1
+    },
+    density: {
+      type: String,
+      default: "compact",
+      // Default density
+      validator(t) {
+        return ["comfortable", "compact", "default"].includes(t);
+      }
+    },
+    chips: {
+      type: Boolean,
+      default: !1
+      // Default is no chips
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      selectedItem: []
+    };
+  }
+};
+function ve(t, a, e, s, r, n) {
+  const o = l("v-select");
+  return d(), u(o, w(t.$attrs, {
+    items: e.items,
+    modelValue: r.selectedItem,
+    "onUpdate:modelValue": a[0] || (a[0] = (c) => r.selectedItem = c),
+    label: e.label,
+    density: e.density,
+    outlined: e.outlined,
+    chips: e.chips,
+    multiple: e.multiple,
+    placeholder: t.placeholder,
+    disabled: t.disabled,
+    error: t.error,
+    "error-messages": t.errorMessages,
+    "menu-props": t.menuProps
+  }), null, 16, ["items", "modelValue", "label", "density", "outlined", "chips", "multiple", "placeholder", "disabled", "error", "error-messages", "menu-props"]);
+}
+const be = /* @__PURE__ */ p(_e, [["render", ve], ["__scopeId", "data-v-e51a19b9"]]), ge = {
   name: "RtSnackbar",
   props: {
     message: {
@@ -860,45 +917,45 @@ const pe = /* @__PURE__ */ _(fe, [["render", me], ["__scopeId", "data-v-2c20523a
       snackbar: !1
     };
   }
-}, ve = { class: "text-center ma-2" };
-function be(t, a, e, s, i, n) {
-  const o = r("v-btn"), c = r("v-snackbar");
-  return d(), h("div", ve, [
-    p(o, {
+}, ye = { class: "text-center ma-2" };
+function he(t, a, e, s, r, n) {
+  const o = l("v-btn"), c = l("v-snackbar");
+  return d(), h("div", ye, [
+    _(o, {
       color: e.buttonColor,
-      onClick: a[0] || (a[0] = (f) => i.snackbar = !0)
+      onClick: a[0] || (a[0] = (f) => r.snackbar = !0)
     }, {
-      default: l(() => [
+      default: i(() => [
         g(b(e.buttonText), 1)
       ]),
       _: 1
     }, 8, ["color"]),
-    p(c, {
-      modelValue: i.snackbar,
-      "onUpdate:modelValue": a[2] || (a[2] = (f) => i.snackbar = f),
+    _(c, {
+      modelValue: r.snackbar,
+      "onUpdate:modelValue": a[2] || (a[2] = (f) => r.snackbar = f),
       timeout: e.timeout,
       color: e.snackbarColor
     }, {
-      actions: l(() => [
-        p(o, {
+      actions: i(() => [
+        _(o, {
           color: e.actionButtonColor,
           variant: "text",
-          onClick: a[1] || (a[1] = (f) => i.snackbar = !1)
+          onClick: a[1] || (a[1] = (f) => r.snackbar = !1)
         }, {
-          default: l(() => [
+          default: i(() => [
             g(b(e.actionButtonText), 1)
           ]),
           _: 1
         }, 8, ["color"])
       ]),
-      default: l(() => [
+      default: i(() => [
         g(b(e.message) + " ", 1)
       ]),
       _: 1
     }, 8, ["modelValue", "timeout", "color"])
   ]);
 }
-const ge = /* @__PURE__ */ _(_e, [["render", be], ["__scopeId", "data-v-75ce5462"]]), ye = {
+const Se = /* @__PURE__ */ p(ge, [["render", he], ["__scopeId", "data-v-75ce5462"]]), Be = {
   name: "RtBreadcrumbs",
   components: {
     RtButton: C
@@ -917,34 +974,34 @@ const ge = /* @__PURE__ */ _(_e, [["render", be], ["__scopeId", "data-v-75ce5462
       default: "/"
     }
   }
-}, he = { key: 1 };
-function Se(t, a, e, s, i, n) {
-  const o = r("RtButton"), c = r("v-breadcrumbs");
+}, xe = { key: 1 };
+function ke(t, a, e, s, r, n) {
+  const o = l("RtButton"), c = l("v-breadcrumbs");
   return d(), u(c, {
     class: "v-breadcrumbs-wrapper",
     divider: e.divider,
     items: e.items
   }, {
-    item: l(({ item: f }) => [
+    item: i(({ item: f }) => [
       f.to ? (d(), u(o, {
         key: 0,
         to: f.to,
         text: ""
       }, {
-        default: l(() => [
+        default: i(() => [
           g(b(f.text), 1)
         ]),
         _: 2
-      }, 1032, ["to"])) : (d(), h("span", he, b(f.text), 1))
+      }, 1032, ["to"])) : (d(), h("span", xe, b(f.text), 1))
     ]),
     _: 1
   }, 8, ["divider", "items"]);
 }
-const xe = /* @__PURE__ */ _(ye, [["render", Se], ["__scopeId", "data-v-5ccff043"]]), Be = {
+const Re = /* @__PURE__ */ p(Be, [["render", ke], ["__scopeId", "data-v-5ccff043"]]), Ie = {
   install: (t, a) => {
-    t.component("RtText", ue), t.component("RtButton", C), t.component("RtBadge", $), t.component("RtSnackbar", ge), t.component("RtAvatar", X), t.component("RtBreadcrumbs", xe), t.component("RtAlert", q), t.component("RtBottomNavigation", oe), t.component("RtBottomSheet", de), t.component("RtExpansionComponent", pe);
+    t.component("RtText", ue), t.component("RtButton", C), t.component("RtBadge", $), t.component("RtSnackbar", Se), t.component("RtAvatar", X), t.component("RtBreadcrumbs", Re), t.component("RtAlert", O), t.component("RtBottomNavigation", oe), t.component("RtBottomSheet", de), t.component("RtExpansionComponent", pe), t.component("RtSelect", be);
   }
 };
 export {
-  Be as default
+  Ie as default
 };

package/dist/readytech-ui-library-v2.umd.js

@@ -1 +1 @@
-(function(e,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue")):typeof define=="function"&&define.amd?define(["vue"],d):(e=typeof globalThis<"u"?globalThis:e||self,e["readytech-ui-library-v2"]=d(e.Vue))})(this,function(e){"use strict";const d=(n,o)=>{const t=n.__vccOpts||n;for(const[i,r]of o)t[i]=r;return t},y={name:"RtIcon",props:{icon:{type:String,required:!0},size:{type:String,default:"24"},color:{type:String,default:""},customClass:{type:String,default:""}}};function h(n,o,t,i,r,a){const l=e.resolveComponent("v-icon");return e.openBlock(),e.createBlock(l,{size:t.size,color:t.color,class:e.normalizeClass(t.customClass),icon:t.icon},null,8,["size","color","class","icon"])}const b=d(y,[["render",h],["__scopeId","data-v-d688a9cc"]]),k={name:"RtAlert",components:{RtIcon:b},props:{density:{type:String,default:"default",validator(n){return["default","comfortable","compact"].includes(n)}},closable:{type:Boolean,default:!1},variant:{type:String,default:"flat",validator(n){return["plain","outlined","tonal","flat","elevated","text"].includes(n)}},text:{type:String,default:""},border:{type:String,default:"Start",validator(n){return["start","top","end","bottom","none"].includes(n)}},icon:{type:String,default:"info",validator(n){return["info","success","error","warning","hidden"].includes(n)}},borderColor:{type:String,default:"info",validator(n){return["info","success","error","warning","deep-purple accent-4"].includes(n)}},color:{type:String,default:"info",validator(n){return["info","success","error","warning","hidden"].includes(n)}}},methods:{getAriaLive(){return this.type==="error"||this.type==="warning"?"assertive":"polite"}}},x={class:"alert-content"};function B(n,o,t,i,r,a){const l=e.resolveComponent("RtIcon"),c=e.resolveComponent("v-alert");return e.openBlock(),e.createBlock(c,{text:t.text,type:t.icon,"border-color":t.borderColor,color:t.color,border:t.border,variant:t.variant,closable:t.closable,density:t.density,role:"alert","aria-live":a.getAriaLive(),"aria-atomic":!0},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(l,{key:0,left:"","aria-hidden":"true"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.icon),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("span",x,[e.renderSlot(n.$slots,"default",{},void 0,!0)])]),_:3},8,["text","type","border-color","color","border","variant","closable","density","aria-live"])}const C=d(k,[["render",B],["__scopeId","data-v-bae3eb1c"]]),S={name:"RtImage",props:{src:{type:String,required:!0},alt:{type:String,required:!0},lazySrc:{type:String,default:""},aspectRatio:{type:[Number,String],default:null},gradient:{type:String,default:""},loading:{type:String,default:"lazy",validator:n=>["lazy","eager"].includes(n)},transition:{type:String,default:"fade-transition"},classes:{type:[String,Array,Object],default:()=>""}}};function w(n,o,t,i,r,a){const l=e.resolveComponent("v-img");return e.openBlock(),e.createBlock(l,{src:t.src,alt:t.alt,"lazy-src":t.lazySrc,"aspect-ratio":t.aspectRatio,gradient:t.gradient,loading:t.loading,transition:t.transition,class:e.normalizeClass(t.classes)},{placeholder:e.withCtx(()=>[e.renderSlot(n.$slots,"placeholder",{},()=>[o[0]||(o[0]=e.createTextVNode("Loading..."))],!0)]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["src","alt","lazy-src","aspect-ratio","gradient","loading","transition","class"])}const R={name:"RtAvatar",components:{RtImage:d(S,[["render",w],["__scopeId","data-v-f3ff4550"]])},props:{avatarImage:{type:String,default:"https://randomuser.me/api/portraits/men/32.jpg"},alt:{type:String,default:"Alt"},ariaLabel:{type:String,default:"Aria Label"},name:{type:String,default:"Name"},size:{type:Number,default:50},rounded:{type:Number,default:1}},computed:{initials(){return this.name?this.name.split(" ").map(n=>n[0]).join("").toUpperCase():""}}},V={class:"avatar-wrapper"},N={key:1,class:"initials"};function I(n,o,t,i,r,a){const l=e.resolveComponent("RtImage"),c=e.resolveComponent("v-avatar");return e.openBlock(),e.createElementBlock("div",V,[e.createVNode(c,{size:t.size,class:"avatar",rounded:t.rounded,tabindex:"0",role:"img","aria-label":t.ariaLabel},{default:e.withCtx(()=>[t.avatarImage?(e.openBlock(),e.createBlock(l,{key:0,src:t.avatarImage,alt:t.alt},null,8,["src","alt"])):(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(a.initials),1))]),_:1},8,["size","rounded","aria-label"])])}const T=d(R,[["render",I],["__scopeId","data-v-0d49dde0"]]),v={name:"RtBadge",props:{value:{type:[String,Number],default:0},color:{type:String,default:"red"},dot:{type:Boolean,default:!1},overlap:{type:Boolean,default:!1},content:{type:String,default:""},size:{type:[String,Number],default:"20"},bottom:{type:Boolean,default:!1},top:{type:Boolean,default:!1}},computed:{getAriaLabel(){return this.dot?"Notification dot":this.content?`Badge content: ${this.content}`:this.value?`Badge value: ${this.value}`:"Badge"}}};function z(n,o,t,i,r,a){const l=e.resolveComponent("v-badge");return e.openBlock(),e.createBlock(l,{value:t.value,color:t.color,dot:t.dot,overlap:t.overlap,content:t.content,size:t.size,bottom:t.bottom,top:t.top,role:"status","aria-label":a.getAriaLabel,"aria-live":t.dot?"polite":"off",tabindex:"0"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["value","color","dot","overlap","content","size","bottom","top","aria-label","aria-live"])}const E=d(v,[["render",z],["__scopeId","data-v-02392152"]]),P={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:n=>["x-small","small","default","large","x-large"].includes(n)},color:{type:String,default:"primary"},backgroundColor:{type:String},icon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:""},tile:{type:Boolean,default:!1},depressed:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},href:{type:String,default:""},target:{type:String,default:"_self"},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},exact:{type:Boolean,default:!1},append:{type:Boolean,default:!1},elevation:{type:[Number,String],default:2}},emits:["click"],setup(n,{emit:o}){const t=()=>{o("click")},i=e.computed(()=>n.primary?"flat":"outlined"),r=e.computed(()=>n.label||"Button"),a=e.computed(()=>({"btn-primary":n.primary,"btn-icon":n.icon,"btn-disabled":n.disabled}));return{onClick:t,variant:i,ariaLabel:r,buttonClasses:a}}};function A(n,o,t,i,r,a){const l=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(l,{type:"button",variant:i.variant,size:t.size,color:t.color,icon:t.icon,disabled:t.disabled,loading:t.loading,outlined:t.outlined,text:t.text,tile:t.tile,depressed:t.depressed,rounded:t.rounded,block:t.block,href:t.href,target:t.target,elevation:t.elevation,to:t.to,replace:t.replace,exact:t.exact,append:t.append,"background-color":t.backgroundColor,class:e.normalizeClass(i.buttonClasses),onClick:i.onClick,"aria-label":i.ariaLabel},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:3},8,["variant","size","color","icon","disabled","loading","outlined","text","tile","depressed","rounded","block","href","target","elevation","to","replace","exact","append","background-color","class","onClick","aria-label"])}const _=d(P,[["render",A],["__scopeId","data-v-ce0d0f31"]]),L={name:"RtBottomNavigation",components:{RtIcon:b,RtButton:_},props:{ariaLabel:{type:String,default:"Bottom Navigation"},tabs:{type:Array,default:()=>[{value:"home",icon:"mdi-home"},{value:"favorites",icon:"mdi-heart"},{value:"settings",icon:"mdi-cog"}]},backgroundColor:{type:String,default:"primary"},textColor:{type:String,default:"white"},initialTab:{type:String,default:"home"}},data(){return{currentTab:this.initialTab}},methods:{onTabClick(n){this.$emit("tabSelected",n.value),this.currentTab=n.value}}};function D(n,o,t,i,r,a){const l=e.resolveComponent("RtIcon"),c=e.resolveComponent("RtButton"),s=e.resolveComponent("v-bottom-navigation");return e.openBlock(),e.createBlock(s,{modelValue:r.currentTab,"onUpdate:modelValue":o[0]||(o[0]=f=>r.currentTab=f),"background-color":t.backgroundColor,color:t.textColor,app:"",class:"v-bottom-navigation-wrapper",role:"navigation","aria-label":t.ariaLabel},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(f,p)=>(e.openBlock(),e.createBlock(c,{key:p,value:f.value,"aria-label":f.value+" tab",icon:!0,onClick:g=>a.onTabClick(f),"aria-selected":r.currentTab===f.value?"true":"false",role:"tab",class:"v-btn-item"},{default:e.withCtx(()=>[e.createVNode(l,{icon:f.icon,size:24},null,8,["icon"])]),_:2},1032,["value","aria-label","onClick","aria-selected"]))),128))]),_:1},8,["modelValue","background-color","color","aria-label"])}const M=d(L,[["render",D],["__scopeId","data-v-d56f72f0"]]),K={name:"RtBottomSheet",components:{RtButton:_},data:()=>({sheet:!1})},j={class:"text-center"};function F(n,o,t,i,r,a){const l=e.resolveComponent("RtButton"),c=e.resolveComponent("v-card-text"),s=e.resolveComponent("v-card"),f=e.resolveComponent("v-bottom-sheet");return e.openBlock(),e.createElementBlock("div",j,[e.createVNode(l,{class:"open-button",size:"x-large",text:"Click Me",onClick:o[0]||(o[0]=p=>n.sheet=!n.sheet)}),e.createVNode(f,{modelValue:n.sheet,"onUpdate:modelValue":o[2]||(o[2]=p=>n.sheet=p)},{default:e.withCtx(()=>[e.createVNode(s,{class:"text-center",height:"200"},{default:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(l,{class:"close-button",variant:"text",onClick:o[1]||(o[1]=p=>n.sheet=!n.sheet)},{default:e.withCtx(()=>o[3]||(o[3]=[e.createTextVNode(" close ")])),_:1}),o[4]||(o[4]=e.createElementVNode("br",null,null,-1)),o[5]||(o[5]=e.createElementVNode("br",null,null,-1)),o[6]||(o[6]=e.createElementVNode("div",null," This is a bottom sheet using the controlled by v-model instead of activator ",-1))]),_:1})]),_:1})]),_:1},8,["modelValue"])])}const U=d(K,[["render",F]]),q={name:"RtText",props:{label:{type:String,default:"Input Field"},hint:{type:String,default:""},placeholder:{type:String,default:""},modelValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMessages:{type:[String,Array],default:()=>[]},prependIcon:{type:String,default:""},clearable:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"}},computed:{inputValue:{get(){return this.modelValue},set(n){this.$emit("update:modelValue",n)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function O(n,o,t,i,r,a){const l=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(l,e.mergeProps(a.inputProps,{modelValue:a.inputValue,"onUpdate:modelValue":o[0]||(o[0]=c=>a.inputValue=c),label:t.label,placeholder:t.placeholder,disabled:t.disabled,error:t.error,"error-messages":t.errorMessages,"prepend-icon":t.prependIcon,clearable:"",hint:t.hint,autocomplete:t.autocomplete,"onClick:clear":a.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const H=d(q,[["render",O],["__scopeId","data-v-33b97f38"]]),G={name:"RtExpansionComponent",props:{disabled:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},variant:{type:String,default:"default",validator(n){return["default","accordion","inset","popout"].includes(n)}},multiple:{type:Boolean,default:!1},expandIcon:{type:String,default:"mdi-chevron-down"},collapseIcon:{type:String,default:"mdi-chevron-up"}},data(){return{expandedPanels:new Set}},methods:{isExpanded(n){return this.expandedPanels.has(n)},togglePanel(n){this.multiple?this.expandedPanels.has(n)?this.expandedPanels.delete(n):this.expandedPanels.add(n):this.expandedPanels=new Set(this.expandedPanels.has(n)?[]:[n])},focusPrevious(n){const o=n>0?n-1:this.items.length-1;document.getElementById(`panel-header-${o}`).focus()},focusNext(n){const o=n<this.items.length-1?n+1:0;document.getElementById(`panel-header-${o}`).focus()},focusFirst(){document.getElementById("panel-header-0").focus()},focusLast(){const n=this.items.length-1;document.getElementById(`panel-header-${n}`).focus()}}};function J(n,o,t,i,r,a){const l=e.resolveComponent("v-icon"),c=e.resolveComponent("v-expansion-panel-title"),s=e.resolveComponent("v-expansion-panel-text"),f=e.resolveComponent("v-expansion-panel"),p=e.resolveComponent("v-expansion-panels");return e.openBlock(),e.createBlock(p,e.mergeProps(n.$attrs,{multiple:t.multiple,variant:t.variant,disabled:t.disabled,role:"region","aria-multiselectable":"multiple"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,m)=>(e.openBlock(),e.createBlock(f,{key:m,role:"group"},{default:e.withCtx(()=>[e.createVNode(c,{role:"button","aria-expanded":a.isExpanded(m),id:"panel-header-"+m,"aria-controls":"panel-content-"+m,onClick:u=>a.togglePanel(m),tabindex:"0",onKeydown:[e.withKeys(e.withModifiers(u=>a.togglePanel(m),["stop","prevent"]),["space"]),e.withKeys(e.withModifiers(u=>a.togglePanel(m),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(u=>a.focusPrevious(m),["stop","prevent"]),["arrow-up"]),e.withKeys(e.withModifiers(u=>a.focusNext(m),["stop","prevent"]),["arrow-down"]),o[0]||(o[0]=e.withKeys(e.withModifiers(u=>a.focusFirst(),["stop","prevent"]),["home"])),o[1]||(o[1]=e.withKeys(e.withModifiers(u=>a.focusLast(),["stop","prevent"]),["end"]))]},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(g.title),1)]),actions:e.withCtx(()=>[t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(l,{key:0,"aria-hidden":!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.isExpanded(m)?t.collapseIcon:t.expandIcon),1)]),_:2},1024))]),_:2},1032,["aria-expanded","id","aria-controls","onClick","onKeydown"]),e.withDirectives(e.createVNode(s,{id:"panel-content-"+m,"aria-labelledby":"panel-header-"+m,role:"region"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.content),1)]),_:2},1032,["id","aria-labelledby"]),[[e.vShow,a.isExpanded(m)]])]),_:2},1024))),128))]),_:1},16,["multiple","variant","disabled"])}const Q=d(G,[["render",J],["__scopeId","data-v-2c20523a"]]),W={name:"RtSnackbar",props:{message:{type:String,default:"Hello, I'm a snackbar!"},timeout:{type:Number,default:6e3},buttonText:{type:String,default:"Open Snackbar"},buttonColor:{type:String,default:"primary"},snackbarColor:{type:String,default:""},actionButtonText:{type:String,default:"Close"},actionButtonColor:{type:String,default:"pink"}},data(){return{snackbar:!1}}},X={class:"text-center ma-2"};function Y(n,o,t,i,r,a){const l=e.resolveComponent("v-btn"),c=e.resolveComponent("v-snackbar");return e.openBlock(),e.createElementBlock("div",X,[e.createVNode(l,{color:t.buttonColor,onClick:o[0]||(o[0]=s=>r.snackbar=!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["color"]),e.createVNode(c,{modelValue:r.snackbar,"onUpdate:modelValue":o[2]||(o[2]=s=>r.snackbar=s),timeout:t.timeout,color:t.snackbarColor},{actions:e.withCtx(()=>[e.createVNode(l,{color:t.actionButtonColor,variant:"text",onClick:o[1]||(o[1]=s=>r.snackbar=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.actionButtonText),1)]),_:1},8,["color"])]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.message)+" ",1)]),_:1},8,["modelValue","timeout","color"])])}const Z=d(W,[["render",Y],["__scopeId","data-v-75ce5462"]]),$={name:"RtBreadcrumbs",components:{RtButton:_},props:{items:{type:Array,default:()=>[{text:"Home",to:"/"},{text:"Products",to:"/products"},{text:"Details",to:null}]},divider:{type:String,default:"/"}}},ee={key:1};function te(n,o,t,i,r,a){const l=e.resolveComponent("RtButton"),c=e.resolveComponent("v-breadcrumbs");return e.openBlock(),e.createBlock(c,{class:"v-breadcrumbs-wrapper",divider:t.divider,items:t.items},{item:e.withCtx(({item:s})=>[s.to?(e.openBlock(),e.createBlock(l,{key:0,to:s.to,text:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.text),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(s.text),1))]),_:1},8,["divider","items"])}const ne=d($,[["render",te],["__scopeId","data-v-5ccff043"]]);return{install:(n,o)=>{n.component("RtText",H),n.component("RtButton",_),n.component("RtBadge",E),n.component("RtSnackbar",Z),n.component("RtAvatar",T),n.component("RtBreadcrumbs",ne),n.component("RtAlert",C),n.component("RtBottomNavigation",M),n.component("RtBottomSheet",U),n.component("RtExpansionComponent",Q)}}});
+(function(e,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue")):typeof define=="function"&&define.amd?define(["vue"],d):(e=typeof globalThis<"u"?globalThis:e||self,e["readytech-ui-library-v2"]=d(e.Vue))})(this,function(e){"use strict";const d=(n,o)=>{const t=n.__vccOpts||n;for(const[i,r]of o)t[i]=r;return t},y={name:"RtIcon",props:{icon:{type:String,required:!0},size:{type:String,default:"24"},color:{type:String,default:""},customClass:{type:String,default:""}}};function h(n,o,t,i,r,a){const l=e.resolveComponent("v-icon");return e.openBlock(),e.createBlock(l,{size:t.size,color:t.color,class:e.normalizeClass(t.customClass),icon:t.icon},null,8,["size","color","class","icon"])}const b=d(y,[["render",h],["__scopeId","data-v-d688a9cc"]]),B={name:"RtAlert",components:{RtIcon:b},props:{density:{type:String,default:"default",validator(n){return["default","comfortable","compact"].includes(n)}},closable:{type:Boolean,default:!1},variant:{type:String,default:"flat",validator(n){return["plain","outlined","tonal","flat","elevated","text"].includes(n)}},text:{type:String,default:""},border:{type:String,default:"Start",validator(n){return["start","top","end","bottom","none"].includes(n)}},icon:{type:String,default:"info",validator(n){return["info","success","error","warning","hidden"].includes(n)}},borderColor:{type:String,default:"info",validator(n){return["info","success","error","warning","deep-purple accent-4"].includes(n)}},color:{type:String,default:"info",validator(n){return["info","success","error","warning","hidden"].includes(n)}}},methods:{getAriaLive(){return this.type==="error"||this.type==="warning"?"assertive":"polite"}}},k={class:"alert-content"};function C(n,o,t,i,r,a){const l=e.resolveComponent("RtIcon"),c=e.resolveComponent("v-alert");return e.openBlock(),e.createBlock(c,{text:t.text,type:t.icon,"border-color":t.borderColor,color:t.color,border:t.border,variant:t.variant,closable:t.closable,density:t.density,role:"alert","aria-live":a.getAriaLive(),"aria-atomic":!0},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(l,{key:0,left:"","aria-hidden":"true"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.icon),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("span",k,[e.renderSlot(n.$slots,"default",{},void 0,!0)])]),_:3},8,["text","type","border-color","color","border","variant","closable","density","aria-live"])}const x=d(B,[["render",C],["__scopeId","data-v-bae3eb1c"]]),S={name:"RtImage",props:{src:{type:String,required:!0},alt:{type:String,required:!0},lazySrc:{type:String,default:""},aspectRatio:{type:[Number,String],default:null},gradient:{type:String,default:""},loading:{type:String,default:"lazy",validator:n=>["lazy","eager"].includes(n)},transition:{type:String,default:"fade-transition"},classes:{type:[String,Array,Object],default:()=>""}}};function w(n,o,t,i,r,a){const l=e.resolveComponent("v-img");return e.openBlock(),e.createBlock(l,{src:t.src,alt:t.alt,"lazy-src":t.lazySrc,"aspect-ratio":t.aspectRatio,gradient:t.gradient,loading:t.loading,transition:t.transition,class:e.normalizeClass(t.classes)},{placeholder:e.withCtx(()=>[e.renderSlot(n.$slots,"placeholder",{},()=>[o[0]||(o[0]=e.createTextVNode("Loading..."))],!0)]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["src","alt","lazy-src","aspect-ratio","gradient","loading","transition","class"])}const R={name:"RtAvatar",components:{RtImage:d(S,[["render",w],["__scopeId","data-v-f3ff4550"]])},props:{avatarImage:{type:String,default:"https://randomuser.me/api/portraits/men/32.jpg"},alt:{type:String,default:"Alt"},ariaLabel:{type:String,default:"Aria Label"},name:{type:String,default:"Name"},size:{type:Number,default:50},rounded:{type:Number,default:1}},computed:{initials(){return this.name?this.name.split(" ").map(n=>n[0]).join("").toUpperCase():""}}},V={class:"avatar-wrapper"},N={key:1,class:"initials"};function I(n,o,t,i,r,a){const l=e.resolveComponent("RtImage"),c=e.resolveComponent("v-avatar");return e.openBlock(),e.createElementBlock("div",V,[e.createVNode(c,{size:t.size,class:"avatar",rounded:t.rounded,tabindex:"0",role:"img","aria-label":t.ariaLabel},{default:e.withCtx(()=>[t.avatarImage?(e.openBlock(),e.createBlock(l,{key:0,src:t.avatarImage,alt:t.alt},null,8,["src","alt"])):(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(a.initials),1))]),_:1},8,["size","rounded","aria-label"])])}const v=d(R,[["render",I],["__scopeId","data-v-0d49dde0"]]),T={name:"RtBadge",props:{value:{type:[String,Number],default:0},color:{type:String,default:"red"},dot:{type:Boolean,default:!1},overlap:{type:Boolean,default:!1},content:{type:String,default:""},size:{type:[String,Number],default:"20"},bottom:{type:Boolean,default:!1},top:{type:Boolean,default:!1}},computed:{getAriaLabel(){return this.dot?"Notification dot":this.content?`Badge content: ${this.content}`:this.value?`Badge value: ${this.value}`:"Badge"}}};function z(n,o,t,i,r,a){const l=e.resolveComponent("v-badge");return e.openBlock(),e.createBlock(l,{value:t.value,color:t.color,dot:t.dot,overlap:t.overlap,content:t.content,size:t.size,bottom:t.bottom,top:t.top,role:"status","aria-label":a.getAriaLabel,"aria-live":t.dot?"polite":"off",tabindex:"0"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["value","color","dot","overlap","content","size","bottom","top","aria-label","aria-live"])}const E=d(T,[["render",z],["__scopeId","data-v-02392152"]]),P={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:n=>["x-small","small","default","large","x-large"].includes(n)},color:{type:String,default:"primary"},backgroundColor:{type:String},icon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:""},tile:{type:Boolean,default:!1},depressed:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},href:{type:String,default:""},target:{type:String,default:"_self"},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},exact:{type:Boolean,default:!1},append:{type:Boolean,default:!1},elevation:{type:[Number,String],default:2}},emits:["click"],setup(n,{emit:o}){const t=()=>{o("click")},i=e.computed(()=>n.primary?"flat":"outlined"),r=e.computed(()=>n.label||"Button"),a=e.computed(()=>({"btn-primary":n.primary,"btn-icon":n.icon,"btn-disabled":n.disabled}));return{onClick:t,variant:i,ariaLabel:r,buttonClasses:a}}};function A(n,o,t,i,r,a){const l=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(l,{type:"button",variant:i.variant,size:t.size,color:t.color,icon:t.icon,disabled:t.disabled,loading:t.loading,outlined:t.outlined,text:t.text,tile:t.tile,depressed:t.depressed,rounded:t.rounded,block:t.block,href:t.href,target:t.target,elevation:t.elevation,to:t.to,replace:t.replace,exact:t.exact,append:t.append,"background-color":t.backgroundColor,class:e.normalizeClass(i.buttonClasses),onClick:i.onClick,"aria-label":i.ariaLabel},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:3},8,["variant","size","color","icon","disabled","loading","outlined","text","tile","depressed","rounded","block","href","target","elevation","to","replace","exact","append","background-color","class","onClick","aria-label"])}const _=d(P,[["render",A],["__scopeId","data-v-ce0d0f31"]]),L={name:"RtBottomNavigation",components:{RtIcon:b,RtButton:_},props:{ariaLabel:{type:String,default:"Bottom Navigation"},tabs:{type:Array,default:()=>[{value:"home",icon:"mdi-home"},{value:"favorites",icon:"mdi-heart"},{value:"settings",icon:"mdi-cog"}]},backgroundColor:{type:String,default:"primary"},textColor:{type:String,default:"white"},initialTab:{type:String,default:"home"}},data(){return{currentTab:this.initialTab}},methods:{onTabClick(n){this.$emit("tabSelected",n.value),this.currentTab=n.value}}};function D(n,o,t,i,r,a){const l=e.resolveComponent("RtIcon"),c=e.resolveComponent("RtButton"),s=e.resolveComponent("v-bottom-navigation");return e.openBlock(),e.createBlock(s,{modelValue:r.currentTab,"onUpdate:modelValue":o[0]||(o[0]=p=>r.currentTab=p),"background-color":t.backgroundColor,color:t.textColor,app:"",class:"v-bottom-navigation-wrapper",role:"navigation","aria-label":t.ariaLabel},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(p,f)=>(e.openBlock(),e.createBlock(c,{key:f,value:p.value,"aria-label":p.value+" tab",icon:!0,onClick:g=>a.onTabClick(p),"aria-selected":r.currentTab===p.value?"true":"false",role:"tab",class:"v-btn-item"},{default:e.withCtx(()=>[e.createVNode(l,{icon:p.icon,size:24},null,8,["icon"])]),_:2},1032,["value","aria-label","onClick","aria-selected"]))),128))]),_:1},8,["modelValue","background-color","color","aria-label"])}const M=d(L,[["render",D],["__scopeId","data-v-d56f72f0"]]),K={name:"RtBottomSheet",components:{RtButton:_},data:()=>({sheet:!1})},q={class:"text-center"};function U(n,o,t,i,r,a){const l=e.resolveComponent("RtButton"),c=e.resolveComponent("v-card-text"),s=e.resolveComponent("v-card"),p=e.resolveComponent("v-bottom-sheet");return e.openBlock(),e.createElementBlock("div",q,[e.createVNode(l,{class:"open-button",size:"x-large",text:"Click Me",onClick:o[0]||(o[0]=f=>n.sheet=!n.sheet)}),e.createVNode(p,{modelValue:n.sheet,"onUpdate:modelValue":o[2]||(o[2]=f=>n.sheet=f)},{default:e.withCtx(()=>[e.createVNode(s,{class:"text-center",height:"200"},{default:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(l,{class:"close-button",variant:"text",onClick:o[1]||(o[1]=f=>n.sheet=!n.sheet)},{default:e.withCtx(()=>o[3]||(o[3]=[e.createTextVNode(" close ")])),_:1}),o[4]||(o[4]=e.createElementVNode("br",null,null,-1)),o[5]||(o[5]=e.createElementVNode("br",null,null,-1)),o[6]||(o[6]=e.createElementVNode("div",null," This is a bottom sheet using the controlled by v-model instead of activator ",-1))]),_:1})]),_:1})]),_:1},8,["modelValue"])])}const j=d(K,[["render",U]]),F={name:"RtText",props:{label:{type:String,default:"Input Field"},hint:{type:String,default:""},placeholder:{type:String,default:""},modelValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMessages:{type:[String,Array],default:()=>[]},prependIcon:{type:String,default:""},clearable:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"}},computed:{inputValue:{get(){return this.modelValue},set(n){this.$emit("update:modelValue",n)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function O(n,o,t,i,r,a){const l=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(l,e.mergeProps(a.inputProps,{modelValue:a.inputValue,"onUpdate:modelValue":o[0]||(o[0]=c=>a.inputValue=c),label:t.label,placeholder:t.placeholder,disabled:t.disabled,error:t.error,"error-messages":t.errorMessages,"prepend-icon":t.prependIcon,clearable:"",hint:t.hint,autocomplete:t.autocomplete,"onClick:clear":a.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const H=d(F,[["render",O],["__scopeId","data-v-33b97f38"]]),G={name:"RtExpansionComponent",props:{disabled:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},variant:{type:String,default:"default",validator(n){return["default","accordion","inset","popout"].includes(n)}},multiple:{type:Boolean,default:!1},expandIcon:{type:String,default:"mdi-chevron-down"},collapseIcon:{type:String,default:"mdi-chevron-up"}},data(){return{expandedPanels:new Set}},methods:{isExpanded(n){return this.expandedPanels.has(n)},togglePanel(n){this.multiple?this.expandedPanels.has(n)?this.expandedPanels.delete(n):this.expandedPanels.add(n):this.expandedPanels=new Set(this.expandedPanels.has(n)?[]:[n])},focusPrevious(n){const o=n>0?n-1:this.items.length-1;document.getElementById(`panel-header-${o}`).focus()},focusNext(n){const o=n<this.items.length-1?n+1:0;document.getElementById(`panel-header-${o}`).focus()},focusFirst(){document.getElementById("panel-header-0").focus()},focusLast(){const n=this.items.length-1;document.getElementById(`panel-header-${n}`).focus()}}};function J(n,o,t,i,r,a){const l=e.resolveComponent("v-icon"),c=e.resolveComponent("v-expansion-panel-title"),s=e.resolveComponent("v-expansion-panel-text"),p=e.resolveComponent("v-expansion-panel"),f=e.resolveComponent("v-expansion-panels");return e.openBlock(),e.createBlock(f,e.mergeProps(n.$attrs,{multiple:t.multiple,variant:t.variant,disabled:t.disabled,role:"region","aria-multiselectable":"multiple"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,m)=>(e.openBlock(),e.createBlock(p,{key:m,role:"group"},{default:e.withCtx(()=>[e.createVNode(c,{role:"button","aria-expanded":a.isExpanded(m),id:"panel-header-"+m,"aria-controls":"panel-content-"+m,onClick:u=>a.togglePanel(m),tabindex:"0",onKeydown:[e.withKeys(e.withModifiers(u=>a.togglePanel(m),["stop","prevent"]),["space"]),e.withKeys(e.withModifiers(u=>a.togglePanel(m),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(u=>a.focusPrevious(m),["stop","prevent"]),["arrow-up"]),e.withKeys(e.withModifiers(u=>a.focusNext(m),["stop","prevent"]),["arrow-down"]),o[0]||(o[0]=e.withKeys(e.withModifiers(u=>a.focusFirst(),["stop","prevent"]),["home"])),o[1]||(o[1]=e.withKeys(e.withModifiers(u=>a.focusLast(),["stop","prevent"]),["end"]))]},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(g.title),1)]),actions:e.withCtx(()=>[t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(l,{key:0,"aria-hidden":!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.isExpanded(m)?t.collapseIcon:t.expandIcon),1)]),_:2},1024))]),_:2},1032,["aria-expanded","id","aria-controls","onClick","onKeydown"]),e.withDirectives(e.createVNode(s,{id:"panel-content-"+m,"aria-labelledby":"panel-header-"+m,role:"region"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.content),1)]),_:2},1032,["id","aria-labelledby"]),[[e.vShow,a.isExpanded(m)]])]),_:2},1024))),128))]),_:1},16,["multiple","variant","disabled"])}const Q=d(G,[["render",J],["__scopeId","data-v-2c20523a"]]),W={name:"RtSelect",props:{items:{type:Array,required:!0},label:{type:String,required:!0},outlined:{type:Boolean,default:!1},density:{type:String,default:"compact",validator(n){return["comfortable","compact","default"].includes(n)}},chips:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1}},data(){return{selectedItem:[]}}};function X(n,o,t,i,r,a){const l=e.resolveComponent("v-select");return e.openBlock(),e.createBlock(l,e.mergeProps(n.$attrs,{items:t.items,modelValue:r.selectedItem,"onUpdate:modelValue":o[0]||(o[0]=c=>r.selectedItem=c),label:t.label,density:t.density,outlined:t.outlined,chips:t.chips,multiple:t.multiple,placeholder:n.placeholder,disabled:n.disabled,error:n.error,"error-messages":n.errorMessages,"menu-props":n.menuProps}),null,16,["items","modelValue","label","density","outlined","chips","multiple","placeholder","disabled","error","error-messages","menu-props"])}const Y=d(W,[["render",X],["__scopeId","data-v-e51a19b9"]]),Z={name:"RtSnackbar",props:{message:{type:String,default:"Hello, I'm a snackbar!"},timeout:{type:Number,default:6e3},buttonText:{type:String,default:"Open Snackbar"},buttonColor:{type:String,default:"primary"},snackbarColor:{type:String,default:""},actionButtonText:{type:String,default:"Close"},actionButtonColor:{type:String,default:"pink"}},data(){return{snackbar:!1}}},$={class:"text-center ma-2"};function ee(n,o,t,i,r,a){const l=e.resolveComponent("v-btn"),c=e.resolveComponent("v-snackbar");return e.openBlock(),e.createElementBlock("div",$,[e.createVNode(l,{color:t.buttonColor,onClick:o[0]||(o[0]=s=>r.snackbar=!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["color"]),e.createVNode(c,{modelValue:r.snackbar,"onUpdate:modelValue":o[2]||(o[2]=s=>r.snackbar=s),timeout:t.timeout,color:t.snackbarColor},{actions:e.withCtx(()=>[e.createVNode(l,{color:t.actionButtonColor,variant:"text",onClick:o[1]||(o[1]=s=>r.snackbar=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.actionButtonText),1)]),_:1},8,["color"])]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.message)+" ",1)]),_:1},8,["modelValue","timeout","color"])])}const te=d(Z,[["render",ee],["__scopeId","data-v-75ce5462"]]),ne={name:"RtBreadcrumbs",components:{RtButton:_},props:{items:{type:Array,default:()=>[{text:"Home",to:"/"},{text:"Products",to:"/products"},{text:"Details",to:null}]},divider:{type:String,default:"/"}}},oe={key:1};function ae(n,o,t,i,r,a){const l=e.resolveComponent("RtButton"),c=e.resolveComponent("v-breadcrumbs");return e.openBlock(),e.createBlock(c,{class:"v-breadcrumbs-wrapper",divider:t.divider,items:t.items},{item:e.withCtx(({item:s})=>[s.to?(e.openBlock(),e.createBlock(l,{key:0,to:s.to,text:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.text),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(s.text),1))]),_:1},8,["divider","items"])}const le=d(ne,[["render",ae],["__scopeId","data-v-5ccff043"]]);return{install:(n,o)=>{n.component("RtText",H),n.component("RtButton",_),n.component("RtBadge",E),n.component("RtSnackbar",te),n.component("RtAvatar",v),n.component("RtBreadcrumbs",le),n.component("RtAlert",x),n.component("RtBottomNavigation",M),n.component("RtBottomSheet",j),n.component("RtExpansionComponent",Q),n.component("RtSelect",Y)}}});

package/package.json

@@ -2,7 +2,7 @@
   "name": "readytech-ui-library-v2",
   "description": "ui library",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.18",
   "exports": {
     ".": {
       "import": "./dist/readytech-ui-library-v2.es.js",