readytech-ui-library-v2 0.0.8 → 0.0.9

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-ad55ccd4]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ad55ccd4]:hover{background-color:#1565c0}.btn-icon[data-v-ad55ccd4]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ad55ccd4]{opacity:.6;pointer-events:none}
+.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-ad55ccd4]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ad55ccd4]:hover{background-color:#1565c0}.btn-icon[data-v-ad55ccd4]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ad55ccd4]{opacity:.6;pointer-events:none}.v-badge[aria-label][data-v-9511f409]:focus{outline:2px solid #005fcc;outline-offset:4px}

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

@@ -1,16 +1,16 @@
-import { createElementBlock as u, openBlock as r, renderSlot as s, toDisplayString as f, resolveComponent as p, createBlock as m, mergeProps as b, normalizeClass as y, withCtx as g, createTextVNode as h, computed as i } from "vue";
-const d = (t, a) => {
+import { createElementBlock as b, openBlock as r, renderSlot as u, toDisplayString as m, resolveComponent as s, createBlock as f, mergeProps as g, normalizeClass as y, withCtx as _, createTextVNode as v, computed as c } from "vue";
+const i = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [l, o] of a)
     e[l] = o;
   return e;
-}, B = {}, x = { class: "lv-button" };
-function k(t, a) {
-  return r(), u("button", x, [
-    s(t.$slots, "default", {}, void 0, !0)
+}, B = {}, h = { class: "lv-button" };
+function x(t, a) {
+  return r(), b("button", h, [
+    u(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const v = /* @__PURE__ */ d(B, [["render", k], ["__scopeId", "data-v-ac3af47a"]]), S = {
+const S = /* @__PURE__ */ i(B, [["render", x], ["__scopeId", "data-v-ac3af47a"]]), k = {
   name: "InputTaras",
   props: {
     prop: {
@@ -19,9 +19,9 @@ const v = /* @__PURE__ */ d(B, [["render", k], ["__scopeId", "data-v-ac3af47a"]]
   }
 }, C = { class: "class-input" };
 function V(t, a, e, l, o, n) {
-  return r(), u("h1", C, f(e.prop) + " taras", 1);
+  return r(), b("h1", C, m(e.prop) + " taras", 1);
 }
-const I = /* @__PURE__ */ d(S, [["render", V], ["__scopeId", "data-v-f440ad26"]]), T = {
+const I = /* @__PURE__ */ i(k, [["render", V], ["__scopeId", "data-v-f440ad26"]]), z = {
   name: "RtText",
   props: {
     label: {
@@ -88,10 +88,10 @@ const I = /* @__PURE__ */ d(S, [["render", V], ["__scopeId", "data-v-f440ad26"]]
   }
 };
 function R(t, a, e, l, o, n) {
-  const c = p("v-text-field");
-  return r(), m(c, b(n.inputProps, {
+  const d = s("v-text-field");
+  return r(), f(d, g(n.inputProps, {
     modelValue: n.inputValue,
-    "onUpdate:modelValue": a[0] || (a[0] = (_) => n.inputValue = _),
+    "onUpdate:modelValue": a[0] || (a[0] = (p) => n.inputValue = p),
     label: e.label,
     placeholder: e.placeholder,
     disabled: e.disabled,
@@ -104,7 +104,7 @@ function R(t, a, e, l, o, n) {
     "onClick:clear": n.handleClear
   }), null, 16, ["modelValue", "label", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "hint", "autocomplete", "onClick:clear"]);
 }
-const z = /* @__PURE__ */ d(T, [["render", R], ["__scopeId", "data-v-406c1a0f"]]), L = {
+const T = /* @__PURE__ */ i(z, [["render", R], ["__scopeId", "data-v-406c1a0f"]]), L = {
   name: "RtButton",
   props: {
     // Button text label
@@ -212,7 +212,7 @@ const z = /* @__PURE__ */ d(T, [["render", R], ["__scopeId", "data-v-406c1a0f"]]
   setup(t, { emit: a }) {
     const e = () => {
       a("click");
-    }, l = i(() => t.primary ? "flat" : "outlined"), o = i(() => t.label || "Button"), n = i(() => ({
+    }, l = c(() => t.primary ? "flat" : "outlined"), o = c(() => t.label || "Button"), n = c(() => ({
       "btn-primary": t.primary,
       "btn-icon": t.icon,
       "btn-disabled": t.disabled
@@ -225,9 +225,9 @@ const z = /* @__PURE__ */ d(T, [["render", R], ["__scopeId", "data-v-406c1a0f"]]
     };
   }
 };
-function M(t, a, e, l, o, n) {
-  const c = p("v-btn");
-  return r(), m(c, {
+function N(t, a, e, l, o, n) {
+  const d = s("v-btn");
+  return r(), f(d, {
     type: "button",
     variant: l.variant,
     size: e.size,
@@ -253,19 +253,83 @@ function M(t, a, e, l, o, n) {
     onClick: l.onClick,
     "aria-label": l.ariaLabel
   }, {
-    default: g(() => [
-      s(t.$slots, "default", {}, () => [
-        h(f(e.label), 1)
+    default: _(() => [
+      u(t.$slots, "default", {}, () => [
+        v(m(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 N = /* @__PURE__ */ d(L, [["render", M], ["__scopeId", "data-v-ad55ccd4"]]), O = {
+const A = /* @__PURE__ */ i(L, [["render", N], ["__scopeId", "data-v-ad55ccd4"]]), M = {
+  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 P(t, a, e, l, o, n) {
+  const d = s("v-badge");
+  return r(), f(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": n.getAriaLabel,
+    "aria-live": e.dot ? "polite" : "off",
+    tabindex: "0"
+  }, {
+    default: _(() => [
+      u(t.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["value", "color", "dot", "overlap", "content", "size", "bottom", "top", "aria-label", "aria-live"]);
+}
+const O = /* @__PURE__ */ i(M, [["render", P], ["__scopeId", "data-v-9511f409"]]), q = {
   install: (t, a) => {
-    t.component("LearnVueButton", v), t.component("InputTaras", I), t.component("RtText", z), t.component("RtButton", N);
+    t.component("LearnVueButton", S), t.component("InputTaras", I), t.component("RtText", T), t.component("RtButton", A), t.component("RtBadge", O);
   }
 };
 export {
-  O as default
+  q as default
 };

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

@@ -1 +1 @@
-(function(t,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(t=typeof globalThis<"u"?globalThis:t||self,t["readytech-ui-library-v2"]=o(t.Vue))})(this,function(t){"use strict";const o=(a,l)=>{const e=a.__vccOpts||a;for(const[n,d]of l)e[n]=d;return e},i={},s={class:"lv-button"};function u(a,l){return t.openBlock(),t.createElementBlock("button",s,[t.renderSlot(a.$slots,"default",{},void 0,!0)])}const f=o(i,[["render",u],["__scopeId","data-v-ac3af47a"]]),p={name:"InputTaras",props:{prop:{required:!0}}},m={class:"class-input"};function b(a,l,e,n,d,r){return t.openBlock(),t.createElementBlock("h1",m,t.toDisplayString(e.prop)+" taras",1)}const y=o(p,[["render",b],["__scopeId","data-v-f440ad26"]]),_={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 g(a,l,e,n,d,r){const c=t.resolveComponent("v-text-field");return t.openBlock(),t.createBlock(c,t.mergeProps(r.inputProps,{modelValue:r.inputValue,"onUpdate:modelValue":l[0]||(l[0]=S=>r.inputValue=S),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 h=o(_,[["render",g],["__scopeId","data-v-406c1a0f"]]),B={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:l}){const e=()=>{l("click")},n=t.computed(()=>a.primary?"flat":"outlined"),d=t.computed(()=>a.label||"Button"),r=t.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:e,variant:n,ariaLabel:d,buttonClasses:r}}};function k(a,l,e,n,d,r){const c=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(c,{type:"button",variant:n.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(n.buttonClasses),onClick:n.onClick,"aria-label":n.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 x=o(B,[["render",k],["__scopeId","data-v-ad55ccd4"]]);return{install:(a,l)=>{a.component("LearnVueButton",f),a.component("InputTaras",y),a.component("RtText",h),a.component("RtButton",x)}}});
+(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,l)=>{const e=a.__vccOpts||a;for(const[n,r]of l)e[n]=r;return e},c={},u={class:"lv-button"};function s(a,l){return t.openBlock(),t.createElementBlock("button",u,[t.renderSlot(a.$slots,"default",{},void 0,!0)])}const f=d(c,[["render",s],["__scopeId","data-v-ac3af47a"]]),p={name:"InputTaras",props:{prop:{required:!0}}},m={class:"class-input"};function b(a,l,e,n,r,o){return t.openBlock(),t.createElementBlock("h1",m,t.toDisplayString(e.prop)+" taras",1)}const _=d(p,[["render",b],["__scopeId","data-v-f440ad26"]]),y={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 g(a,l,e,n,r,o){const i=t.resolveComponent("v-text-field");return t.openBlock(),t.createBlock(i,t.mergeProps(o.inputProps,{modelValue:o.inputValue,"onUpdate:modelValue":l[0]||(l[0]=V=>o.inputValue=V),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":o.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const B=d(y,[["render",g],["__scopeId","data-v-406c1a0f"]]),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:l}){const e=()=>{l("click")},n=t.computed(()=>a.primary?"flat":"outlined"),r=t.computed(()=>a.label||"Button"),o=t.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:e,variant:n,ariaLabel:r,buttonClasses:o}}};function k(a,l,e,n,r,o){const i=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(i,{type:"button",variant:n.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(n.buttonClasses),onClick:n.onClick,"aria-label":n.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 x=d(h,[["render",k],["__scopeId","data-v-ad55ccd4"]]),S={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 C(a,l,e,n,r,o){const i=t.resolveComponent("v-badge");return t.openBlock(),t.createBlock(i,{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":o.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 v=d(S,[["render",C],["__scopeId","data-v-9511f409"]]);return{install:(a,l)=>{a.component("LearnVueButton",f),a.component("InputTaras",_),a.component("RtText",B),a.component("RtButton",x),a.component("RtBadge",v)}}});

package/package.json

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