readytech-ui-library-v2 0.0.10 → 0.0.11

package/dist/readytech-ui-library-v2.css

@@ -1 +1 @@
-.lv-button[data-v-ac3af47a]{border:one;background:red;padding:1rem}.class-input[data-v-f440ad26]{border:none;background:green;padding:1rem}.btn-primary[data-v-ce0d0f31]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ce0d0f31]:hover{background-color:#1565c0}.btn-icon[data-v-ce0d0f31]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ce0d0f31]{opacity:.6;pointer-events:none}.v-badge[aria-label][data-v-02392152]:focus{outline:2px solid #005fcc;outline-offset:4px}
+.lv-button[data-v-ac3af47a]{border:one;background:red;padding:1rem}.class-input[data-v-f440ad26]{border:none;background:green;padding:1rem}.btn-primary[data-v-ce0d0f31]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ce0d0f31]:hover{background-color:#1565c0}.btn-icon[data-v-ce0d0f31]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ce0d0f31]{opacity:.6;pointer-events:none}.v-badge[aria-label][data-v-02392152]:focus{outline:2px solid #005fcc;outline-offset:4px}.avatar-wrapper[data-v-0d49dde0]{display:flex;gap:16px;justify-content:space-around}.avatar[data-v-0d49dde0]{transition:transform .3s ease;outline:none}.avatar[data-v-0d49dde0]:focus{outline:2px solid #005fcc;outline-offset:4px}.avatar[data-v-0d49dde0]:hover{transform:scale(1.1)}.avatar img[data-v-0d49dde0]{border-radius:50%;object-fit:cover}

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

@@ -1,27 +1,27 @@
-import { createElementBlock as p, openBlock as c, renderSlot as y, toDisplayString as u, resolveComponent as s, createBlock as v, mergeProps as k, normalizeClass as B, withCtx as d, createTextVNode as f, computed as _, createVNode as g } from "vue";
-const i = (t, a) => {
+import { createElementBlock as _, openBlock as d, renderSlot as g, toDisplayString as s, resolveComponent as c, createBlock as b, mergeProps as k, normalizeClass as S, withCtx as i, createTextVNode as m, computed as v, createVNode as p } from "vue";
+const u = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [n, l] of a)
     e[n] = l;
   return e;
-}, S = {}, x = { class: "lv-button" };
-function h(t, a) {
-  return c(), p("button", x, [
-    y(t.$slots, "default", {}, void 0, !0)
+}, B = {}, h = { class: "lv-button" };
+function x(t, a) {
+  return d(), _("button", h, [
+    g(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const C = /* @__PURE__ */ i(S, [["render", h], ["__scopeId", "data-v-ac3af47a"]]), V = {
+const C = /* @__PURE__ */ u(B, [["render", x], ["__scopeId", "data-v-ac3af47a"]]), I = {
   name: "InputTaras",
   props: {
     prop: {
       required: !0
     }
   }
-}, I = { class: "class-input" };
-function R(t, a, e, n, l, o) {
-  return c(), p("h1", I, u(e.prop) + " taras", 1);
+}, R = { class: "class-input" };
+function z(t, a, e, n, l, o) {
+  return d(), _("h1", R, s(e.prop) + " taras", 1);
 }
-const T = /* @__PURE__ */ i(V, [["render", R], ["__scopeId", "data-v-f440ad26"]]), z = {
+const V = /* @__PURE__ */ u(I, [["render", z], ["__scopeId", "data-v-f440ad26"]]), N = {
   name: "RtText",
   props: {
     label: {
@@ -87,11 +87,11 @@ const T = /* @__PURE__ */ i(V, [["render", R], ["__scopeId", "data-v-f440ad26"]]
     }
   }
 };
-function N(t, a, e, n, l, o) {
-  const r = s("v-text-field");
-  return c(), v(r, k(o.inputProps, {
+function T(t, a, e, n, l, o) {
+  const r = c("v-text-field");
+  return d(), b(r, k(o.inputProps, {
     modelValue: o.inputValue,
-    "onUpdate:modelValue": a[0] || (a[0] = (b) => o.inputValue = b),
+    "onUpdate:modelValue": a[0] || (a[0] = (f) => o.inputValue = f),
     label: e.label,
     placeholder: e.placeholder,
     disabled: e.disabled,
@@ -104,7 +104,7 @@ function N(t, a, e, n, l, o) {
     "onClick:clear": o.handleClear
   }), null, 16, ["modelValue", "label", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "hint", "autocomplete", "onClick:clear"]);
 }
-const L = /* @__PURE__ */ i(z, [["render", N], ["__scopeId", "data-v-33b97f38"]]), A = {
+const L = /* @__PURE__ */ u(N, [["render", T], ["__scopeId", "data-v-33b97f38"]]), A = {
   name: "RtButton",
   props: {
     // Button text label
@@ -212,7 +212,7 @@ const L = /* @__PURE__ */ i(z, [["render", N], ["__scopeId", "data-v-33b97f38"]]
   setup(t, { emit: a }) {
     const e = () => {
       a("click");
-    }, n = _(() => t.primary ? "flat" : "outlined"), l = _(() => t.label || "Button"), o = _(() => ({
+    }, n = v(() => t.primary ? "flat" : "outlined"), l = v(() => t.label || "Button"), o = v(() => ({
       "btn-primary": t.primary,
       "btn-icon": t.icon,
       "btn-disabled": t.disabled
@@ -225,9 +225,9 @@ const L = /* @__PURE__ */ i(z, [["render", N], ["__scopeId", "data-v-33b97f38"]]
     };
   }
 };
-function M(t, a, e, n, l, o) {
-  const r = s("v-btn");
-  return c(), v(r, {
+function j(t, a, e, n, l, o) {
+  const r = c("v-btn");
+  return d(), b(r, {
     type: "button",
     variant: n.variant,
     size: e.size,
@@ -249,19 +249,19 @@ function M(t, a, e, n, l, o) {
     exact: e.exact,
     append: e.append,
     "background-color": e.backgroundColor,
-    class: B(n.buttonClasses),
+    class: S(n.buttonClasses),
     onClick: n.onClick,
     "aria-label": n.ariaLabel
   }, {
-    default: d(() => [
-      y(t.$slots, "default", {}, () => [
-        f(u(e.label), 1)
+    default: i(() => [
+      g(t.$slots, "default", {}, () => [
+        m(s(e.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 O = /* @__PURE__ */ i(A, [["render", M], ["__scopeId", "data-v-ce0d0f31"]]), P = {
+const O = /* @__PURE__ */ u(A, [["render", j], ["__scopeId", "data-v-ce0d0f31"]]), q = {
   name: "RtBadge",
   props: {
     value: {
@@ -303,9 +303,9 @@ const O = /* @__PURE__ */ i(A, [["render", M], ["__scopeId", "data-v-ce0d0f31"]]
     }
   }
 };
-function U(t, a, e, n, l, o) {
-  const r = s("v-badge");
-  return c(), v(r, {
+function M(t, a, e, n, l, o) {
+  const r = c("v-badge");
+  return d(), b(r, {
     value: e.value,
     color: e.color,
     dot: e.dot,
@@ -319,13 +319,13 @@ function U(t, a, e, n, l, o) {
     "aria-live": e.dot ? "polite" : "off",
     tabindex: "0"
   }, {
-    default: d(() => [
-      y(t.$slots, "default", {}, void 0, !0)
+    default: i(() => [
+      g(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["value", "color", "dot", "overlap", "content", "size", "bottom", "top", "aria-label", "aria-live"]);
 }
-const j = /* @__PURE__ */ i(P, [["render", U], ["__scopeId", "data-v-02392152"]]), q = {
+const P = /* @__PURE__ */ u(q, [["render", M], ["__scopeId", "data-v-02392152"]]), U = {
   name: "RtSnackbar",
   props: {
     message: {
@@ -364,47 +364,171 @@ const j = /* @__PURE__ */ i(P, [["render", U], ["__scopeId", "data-v-02392152"]]
   }
 }, w = { class: "text-center ma-2" };
 function D(t, a, e, n, l, o) {
-  const r = s("v-btn"), b = s("v-snackbar");
-  return c(), p("div", w, [
-    g(r, {
+  const r = c("v-btn"), f = c("v-snackbar");
+  return d(), _("div", w, [
+    p(r, {
       color: e.buttonColor,
-      onClick: a[0] || (a[0] = (m) => l.snackbar = !0)
+      onClick: a[0] || (a[0] = (y) => l.snackbar = !0)
     }, {
-      default: d(() => [
-        f(u(e.buttonText), 1)
+      default: i(() => [
+        m(s(e.buttonText), 1)
       ]),
       _: 1
     }, 8, ["color"]),
-    g(b, {
+    p(f, {
       modelValue: l.snackbar,
-      "onUpdate:modelValue": a[2] || (a[2] = (m) => l.snackbar = m),
+      "onUpdate:modelValue": a[2] || (a[2] = (y) => l.snackbar = y),
       timeout: e.timeout,
       color: e.snackbarColor
     }, {
-      actions: d(() => [
-        g(r, {
+      actions: i(() => [
+        p(r, {
           color: e.actionButtonColor,
           variant: "text",
-          onClick: a[1] || (a[1] = (m) => l.snackbar = !1)
+          onClick: a[1] || (a[1] = (y) => l.snackbar = !1)
         }, {
-          default: d(() => [
-            f(u(e.actionButtonText), 1)
+          default: i(() => [
+            m(s(e.actionButtonText), 1)
           ]),
           _: 1
         }, 8, ["color"])
       ]),
-      default: d(() => [
-        f(u(e.message) + " ", 1)
+      default: i(() => [
+        m(s(e.message) + " ", 1)
       ]),
       _: 1
     }, 8, ["modelValue", "timeout", "color"])
   ]);
 }
-const E = /* @__PURE__ */ i(q, [["render", D], ["__scopeId", "data-v-75ce5462"]]), H = {
+const E = /* @__PURE__ */ u(U, [["render", D], ["__scopeId", "data-v-75ce5462"]]), F = {
+  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",
+      // Options: 'lazy', 'eager'
+      validator: (t) => ["lazy", "eager"].includes(t)
+    },
+    transition: {
+      type: String,
+      default: "fade-transition"
+    },
+    classes: {
+      type: [String, Array, Object],
+      default: () => ""
+    }
+  }
+};
+function H(t, a, e, n, l, o) {
+  const r = c("v-img");
+  return d(), b(r, {
+    src: e.src,
+    alt: e.alt,
+    "lazy-src": e.lazySrc,
+    "aspect-ratio": e.aspectRatio,
+    gradient: e.gradient,
+    loading: e.loading,
+    transition: e.transition,
+    class: S(e.classes)
+  }, {
+    placeholder: i(() => [
+      g(t.$slots, "placeholder", {}, () => [
+        a[0] || (a[0] = m("Loading..."))
+      ], !0)
+    ]),
+    default: i(() => [
+      g(t.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["src", "alt", "lazy-src", "aspect-ratio", "gradient", "loading", "transition", "class"]);
+}
+const G = /* @__PURE__ */ u(F, [["render", H], ["__scopeId", "data-v-f3ff4550"]]), J = {
+  name: "RtAvatar",
+  components: {
+    RtImage: G
+  },
+  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((t) => t[0]).join("").toUpperCase() : "";
+    }
+  }
+}, K = { class: "avatar-wrapper" }, Q = {
+  key: 1,
+  class: "initials"
+};
+function W(t, a, e, n, l, o) {
+  const r = c("RtImage"), f = c("v-avatar");
+  return d(), _("div", K, [
+    p(f, {
+      size: e.size,
+      class: "avatar",
+      rounded: e.rounded,
+      tabindex: "0",
+      role: "img",
+      "aria-label": e.ariaLabel
+    }, {
+      default: i(() => [
+        e.avatarImage ? (d(), b(r, {
+          key: 0,
+          src: e.avatarImage,
+          alt: e.alt
+        }, null, 8, ["src", "alt"])) : (d(), _("span", Q, s(o.initials), 1))
+      ]),
+      _: 1
+    }, 8, ["size", "rounded", "aria-label"])
+  ]);
+}
+const X = /* @__PURE__ */ u(J, [["render", W], ["__scopeId", "data-v-0d49dde0"]]), Z = {
   install: (t, a) => {
-    t.component("LearnVueButton", C), t.component("InputTaras", T), t.component("RtText", L), t.component("RtButton", O), t.component("RtBadge", j), t.component("RtSnackbar", E);
+    t.component("LearnVueButton", C), t.component("InputTaras", V), t.component("RtText", L), t.component("RtButton", O), t.component("RtBadge", P), t.component("RtSnackbar", E), t.component("RtAvatar", X);
   }
 };
 export {
-  H as default
+  Z as default
 };

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

@@ -1 +1 @@
-(function(t,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue")):typeof define=="function"&&define.amd?define(["vue"],d):(t=typeof globalThis<"u"?globalThis:t||self,t["readytech-ui-library-v2"]=d(t.Vue))})(this,function(t){"use strict";const d=(a,n)=>{const e=a.__vccOpts||a;for(const[o,l]of n)e[o]=l;return e},u={},f={class:"lv-button"};function m(a,n){return t.openBlock(),t.createElementBlock("button",f,[t.renderSlot(a.$slots,"default",{},void 0,!0)])}const b=d(u,[["render",m],["__scopeId","data-v-ac3af47a"]]),p={name:"InputTaras",props:{prop:{required:!0}}},_={class:"class-input"};function y(a,n,e,o,l,r){return t.openBlock(),t.createElementBlock("h1",_,t.toDisplayString(e.prop)+" taras",1)}const g=d(p,[["render",y],["__scopeId","data-v-f440ad26"]]),k={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(a){this.$emit("update:modelValue",a)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function B(a,n,e,o,l,r){const c=t.resolveComponent("v-text-field");return t.openBlock(),t.createBlock(c,t.mergeProps(r.inputProps,{modelValue:r.inputValue,"onUpdate:modelValue":n[0]||(n[0]=i=>r.inputValue=i),label:e.label,placeholder:e.placeholder,disabled:e.disabled,error:e.error,"error-messages":e.errorMessages,"prepend-icon":e.prependIcon,clearable:"",hint:e.hint,autocomplete:e.autocomplete,"onClick:clear":r.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const x=d(k,[["render",B],["__scopeId","data-v-33b97f38"]]),S={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:a=>["x-small","small","default","large","x-large"].includes(a)},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(a,{emit:n}){const e=()=>{n("click")},o=t.computed(()=>a.primary?"flat":"outlined"),l=t.computed(()=>a.label||"Button"),r=t.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:e,variant:o,ariaLabel:l,buttonClasses:r}}};function h(a,n,e,o,l,r){const c=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(c,{type:"button",variant:o.variant,size:e.size,color:e.color,icon:e.icon,disabled:e.disabled,loading:e.loading,outlined:e.outlined,text:e.text,tile:e.tile,depressed:e.depressed,rounded:e.rounded,block:e.block,href:e.href,target:e.target,elevation:e.elevation,to:e.to,replace:e.replace,exact:e.exact,append:e.append,"background-color":e.backgroundColor,class:t.normalizeClass(o.buttonClasses),onClick:o.onClick,"aria-label":o.ariaLabel},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.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 C=d(S,[["render",h],["__scopeId","data-v-ce0d0f31"]]),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 T(a,n,e,o,l,r){const c=t.resolveComponent("v-badge");return t.openBlock(),t.createBlock(c,{value:e.value,color:e.color,dot:e.dot,overlap:e.overlap,content:e.content,size:e.size,bottom:e.bottom,top:e.top,role:"status","aria-label":r.getAriaLabel,"aria-live":e.dot?"polite":"off",tabindex:"0"},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["value","color","dot","overlap","content","size","bottom","top","aria-label","aria-live"])}const I=d(V,[["render",T],["__scopeId","data-v-02392152"]]),N={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}}},R={class:"text-center ma-2"};function v(a,n,e,o,l,r){const c=t.resolveComponent("v-btn"),i=t.resolveComponent("v-snackbar");return t.openBlock(),t.createElementBlock("div",R,[t.createVNode(c,{color:e.buttonColor,onClick:n[0]||(n[0]=s=>l.snackbar=!0)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonText),1)]),_:1},8,["color"]),t.createVNode(i,{modelValue:l.snackbar,"onUpdate:modelValue":n[2]||(n[2]=s=>l.snackbar=s),timeout:e.timeout,color:e.snackbarColor},{actions:t.withCtx(()=>[t.createVNode(c,{color:e.actionButtonColor,variant:"text",onClick:n[1]||(n[1]=s=>l.snackbar=!1)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["color"])]),default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.message)+" ",1)]),_:1},8,["modelValue","timeout","color"])])}const z=d(N,[["render",v],["__scopeId","data-v-75ce5462"]]);return{install:(a,n)=>{a.component("LearnVueButton",b),a.component("InputTaras",g),a.component("RtText",x),a.component("RtButton",C),a.component("RtBadge",I),a.component("RtSnackbar",z)}}});
+(function(t,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(t=typeof globalThis<"u"?globalThis:t||self,t["readytech-ui-library-v2"]=i(t.Vue))})(this,function(t){"use strict";const i=(a,n)=>{const e=a.__vccOpts||a;for(const[o,l]of n)e[o]=l;return e},u={},f={class:"lv-button"};function m(a,n){return t.openBlock(),t.createElementBlock("button",f,[t.renderSlot(a.$slots,"default",{},void 0,!0)])}const p=i(u,[["render",m],["__scopeId","data-v-ac3af47a"]]),g={name:"InputTaras",props:{prop:{required:!0}}},_={class:"class-input"};function b(a,n,e,o,l,r){return t.openBlock(),t.createElementBlock("h1",_,t.toDisplayString(e.prop)+" taras",1)}const y=i(g,[["render",b],["__scopeId","data-v-f440ad26"]]),k={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(a){this.$emit("update:modelValue",a)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function B(a,n,e,o,l,r){const d=t.resolveComponent("v-text-field");return t.openBlock(),t.createBlock(d,t.mergeProps(r.inputProps,{modelValue:r.inputValue,"onUpdate:modelValue":n[0]||(n[0]=c=>r.inputValue=c),label:e.label,placeholder:e.placeholder,disabled:e.disabled,error:e.error,"error-messages":e.errorMessages,"prepend-icon":e.prependIcon,clearable:"",hint:e.hint,autocomplete:e.autocomplete,"onClick:clear":r.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const S=i(k,[["render",B],["__scopeId","data-v-33b97f38"]]),h={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:a=>["x-small","small","default","large","x-large"].includes(a)},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(a,{emit:n}){const e=()=>{n("click")},o=t.computed(()=>a.primary?"flat":"outlined"),l=t.computed(()=>a.label||"Button"),r=t.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:e,variant:o,ariaLabel:l,buttonClasses:r}}};function x(a,n,e,o,l,r){const d=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(d,{type:"button",variant:o.variant,size:e.size,color:e.color,icon:e.icon,disabled:e.disabled,loading:e.loading,outlined:e.outlined,text:e.text,tile:e.tile,depressed:e.depressed,rounded:e.rounded,block:e.block,href:e.href,target:e.target,elevation:e.elevation,to:e.to,replace:e.replace,exact:e.exact,append:e.append,"background-color":e.backgroundColor,class:t.normalizeClass(o.buttonClasses),onClick:o.onClick,"aria-label":o.ariaLabel},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.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 C=i(h,[["render",x],["__scopeId","data-v-ce0d0f31"]]),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 I(a,n,e,o,l,r){const d=t.resolveComponent("v-badge");return t.openBlock(),t.createBlock(d,{value:e.value,color:e.color,dot:e.dot,overlap:e.overlap,content:e.content,size:e.size,bottom:e.bottom,top:e.top,role:"status","aria-label":r.getAriaLabel,"aria-live":e.dot?"polite":"off",tabindex:"0"},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["value","color","dot","overlap","content","size","bottom","top","aria-label","aria-live"])}const R=i(V,[["render",I],["__scopeId","data-v-02392152"]]),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}}},N={class:"text-center ma-2"};function T(a,n,e,o,l,r){const d=t.resolveComponent("v-btn"),c=t.resolveComponent("v-snackbar");return t.openBlock(),t.createElementBlock("div",N,[t.createVNode(d,{color:e.buttonColor,onClick:n[0]||(n[0]=s=>l.snackbar=!0)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonText),1)]),_:1},8,["color"]),t.createVNode(c,{modelValue:l.snackbar,"onUpdate:modelValue":n[2]||(n[2]=s=>l.snackbar=s),timeout:e.timeout,color:e.snackbarColor},{actions:t.withCtx(()=>[t.createVNode(d,{color:e.actionButtonColor,variant:"text",onClick:n[1]||(n[1]=s=>l.snackbar=!1)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["color"])]),default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.message)+" ",1)]),_:1},8,["modelValue","timeout","color"])])}const v=i(z,[["render",T],["__scopeId","data-v-75ce5462"]]),w={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:a=>["lazy","eager"].includes(a)},transition:{type:String,default:"fade-transition"},classes:{type:[String,Array,Object],default:()=>""}}};function L(a,n,e,o,l,r){const d=t.resolveComponent("v-img");return t.openBlock(),t.createBlock(d,{src:e.src,alt:e.alt,"lazy-src":e.lazySrc,"aspect-ratio":e.aspectRatio,gradient:e.gradient,loading:e.loading,transition:e.transition,class:t.normalizeClass(e.classes)},{placeholder:t.withCtx(()=>[t.renderSlot(a.$slots,"placeholder",{},()=>[n[0]||(n[0]=t.createTextVNode("Loading..."))],!0)]),default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["src","alt","lazy-src","aspect-ratio","gradient","loading","transition","class"])}const A={name:"RtAvatar",components:{RtImage:i(w,[["render",L],["__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(a=>a[0]).join("").toUpperCase():""}}},D={class:"avatar-wrapper"},j={key:1,class:"initials"};function E(a,n,e,o,l,r){const d=t.resolveComponent("RtImage"),c=t.resolveComponent("v-avatar");return t.openBlock(),t.createElementBlock("div",D,[t.createVNode(c,{size:e.size,class:"avatar",rounded:e.rounded,tabindex:"0",role:"img","aria-label":e.ariaLabel},{default:t.withCtx(()=>[e.avatarImage?(t.openBlock(),t.createBlock(d,{key:0,src:e.avatarImage,alt:e.alt},null,8,["src","alt"])):(t.openBlock(),t.createElementBlock("span",j,t.toDisplayString(r.initials),1))]),_:1},8,["size","rounded","aria-label"])])}const q=i(A,[["render",E],["__scopeId","data-v-0d49dde0"]]);return{install:(a,n)=>{a.component("LearnVueButton",p),a.component("InputTaras",y),a.component("RtText",S),a.component("RtButton",C),a.component("RtBadge",R),a.component("RtSnackbar",v),a.component("RtAvatar",q)}}});

package/package.json

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