@oneb/ui-vue 0.1.18 → 0.1.20

package/dist/common/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p={size:{type:[String,Number],default:"50"},rounded:{type:Boolean,default:!1},text:{type:String,required:!1},src:{type:[String,null],required:!1}},m=["src"],y=e.defineComponent({__name:"OneAvatar",props:p,setup(s){const t=s,o=e.computed(()=>{if(t.text==null||t.text==="")return"";const r=t.text.trim().split(" ");return r.length<2?t.text.slice(0,2).toUpperCase():r.map(n=>n.slice(0,1)).slice(0,2).join("").toUpperCase()}),i=e.computed(()=>({fill:"rgba(255, 255, 255, .75)",fontSize:`${Number(t.size)*.4}px`})),a=e.computed(()=>{if(t.text==null)return{width:`${t.size}px`,height:`${t.size}px`,borderRadius:t.rounded?"100%":"9%"};const r=t.text.split("").map(l=>l.charCodeAt(0)).reduce((l,d)=>l+d,0),u=`hsl(${360/26*r}, 68%, 48%)`;return{width:`${t.size}px`,height:`${t.size}px`,borderRadius:t.rounded?"100%":"9%",background:u}}),c=e.computed(()=>({width:`${t.size}px`,height:`${t.size}px`,borderRadius:t.rounded?"100%":"9%"}));return(r,n)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(c.value),class:"overflow-hidden"},[r.src?(e.openBlock(),e.createElementBlock("img",{key:0,src:r.src,alt:"",class:"w-full"},null,8,m)):(e.openBlock(),e.createElementBlock("svg",{key:1,style:e.normalizeStyle(a.value),class:"block"},[o.value?(e.openBlock(),e.createElementBlock("text",{key:0,x:"50%",y:"50%","text-anchor":"middle","dominant-baseline":"central",class:"font-light",style:e.normalizeStyle(i.value)},e.toDisplayString(o.value),5)):e.createCommentVNode("",!0)],4))],4))}});exports.OneAvatar=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p={size:{type:[String,Number],default:"50"},rounded:{type:Boolean,default:!1},text:{type:String,required:!1},src:{type:[String,null],required:!1}},m=["src"],y=e.defineComponent({__name:"OneAvatar",props:p,setup(s){const t=s,o=e.computed(()=>{if(t.text==null||t.text==="")return"";const r=t.text.trim().split(" ");return r.length<2?t.text.slice(0,2).toUpperCase():r.map(n=>n.slice(0,1)).slice(0,2).join("").toUpperCase()}),i=e.computed(()=>({fill:"rgba(255, 255, 255, .75)",fontSize:`${Number(t.size)*.4}px`})),c=e.computed(()=>{if(t.text==null)return{width:`${t.size}px`,height:`${t.size}px`,borderRadius:t.rounded?"100%":"9%"};const r=t.text.split("").map(l=>l.charCodeAt(0)).reduce((l,d)=>l+d,0),u=`hsl(${360/26*r}, 68%, 48%)`;return{width:`${t.size}px`,height:`${t.size}px`,borderRadius:t.rounded?"100%":"9%",background:u}}),a=e.computed(()=>({width:`${t.size}px`,height:`${t.size}px`,borderRadius:t.rounded?"100%":"9%"}));return(r,n)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(a.value),class:"overflow-hidden items-center flex"},[r.src?(e.openBlock(),e.createElementBlock("img",{key:0,src:r.src,alt:"",class:"w-full"},null,8,m)):(e.openBlock(),e.createElementBlock("svg",{key:1,style:e.normalizeStyle(c.value),class:"block"},[o.value?(e.openBlock(),e.createElementBlock("text",{key:0,x:"50%",y:"50%","text-anchor":"middle","dominant-baseline":"central",class:"font-light",style:e.normalizeStyle(i.value)},e.toDisplayString(o.value),5)):e.createCommentVNode("",!0)],4))],4))}});exports.OneAvatar=y;

package/dist/common/index.js

@@ -19,13 +19,13 @@ const y = {
 }, v = ["src"], z = /* @__PURE__ */ m({
   __name: "OneAvatar",
   props: y,
-  setup(u) {
-    const e = u, a = r(() => {
+  setup(c) {
+    const e = c, a = r(() => {
       if (e.text == null || e.text === "")
         return "";
       const t = e.text.trim().split(" ");
       return t.length < 2 ? e.text.slice(0, 2).toUpperCase() : t.map((l) => l.slice(0, 1)).slice(0, 2).join("").toUpperCase();
-    }), c = r(() => ({
+    }), u = r(() => ({
       fill: "rgba(255, 255, 255, .75)",
       fontSize: `${Number(e.size) * 0.4}px`
     })), d = r(() => {
@@ -35,12 +35,12 @@ const y = {
           height: `${e.size}px`,
           borderRadius: e.rounded ? "100%" : "9%"
         };
-      const t = e.text.split("").map((o) => o.charCodeAt(0)).reduce((o, x) => o + x, 0), h = `hsl(${360 / 26 * t}, 68%, 48%)`;
+      const t = e.text.split("").map((o) => o.charCodeAt(0)).reduce((o, h) => o + h, 0), x = `hsl(${360 / 26 * t}, 68%, 48%)`;
       return {
         width: `${e.size}px`,
         height: `${e.size}px`,
         borderRadius: e.rounded ? "100%" : "9%",
-        background: h
+        background: x
       };
     }), p = r(() => ({
       width: `${e.size}px`,
@@ -49,7 +49,7 @@ const y = {
     }));
     return (t, l) => (s(), n("div", {
       style: i(p.value),
-      class: "overflow-hidden"
+      class: "overflow-hidden items-center flex"
     }, [
       t.src ? (s(), n("img", {
         key: 0,
@@ -68,7 +68,7 @@ const y = {
           "text-anchor": "middle",
           "dominant-baseline": "central",
           class: "font-light",
-          style: i(c.value)
+          style: i(u.value)
         }, f(a.value), 5)) : g("", !0)
       ], 4))
     ], 4));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneb/ui-vue",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "type": "module",
   "license": "MIT",
   "files": [