@burh/nuxt-core 1.0.448 → 1.0.450

package/components/burh-ds/Cards/BaseCard.vue

@@ -28,7 +28,8 @@
 				:src="avatar"
 				:alt="name"
 				:fallbackText="name"
-				fallbackSize="240x240"
+				:fallbackBackground="fallbackColor"
+				fallbackSize="240"
 			/>
 
 			<slot name="card-content" />
@@ -63,6 +64,10 @@ export default {
 		glass: {
 			type: Boolean,
 			default: false
+		},
+		fallbackColor: {
+			type: String,
+			default: '5865F2'
 		}
 	},
 	data() {

package/components/burh-ds/Cards/PerformanceItem.vue

@@ -2,7 +2,7 @@
 	<li class="performance-item" :class="primary && ' primary'">
 		<span class="performance-item--title">{{ formatedTitle }}</span>
 		<span v-if="!skeleton" class="performance-item--value">{{
-			value > 999 ? formatedValue + ' mil' : formatedValue + ''
+			formatedValue
 		}}</span>
 		<span
 			v-if="skeleton"
@@ -33,9 +33,9 @@ export default {
 	},
 	computed: {
 		formatedValue() {
-			if (this.value > 999) return this.value / 1000;
+			// if (this.value > 999) return this.value / 1000;
 
-			return this.value;
+			return this.value.toLocaleString('pt-BR');
 		},
 		formatedTitle() {
 			const title = this.title.toLowerCase();

package/components/burh-ds/Curriculum/UserCurriculum/UserCvLeftSide.vue

@@ -7,7 +7,7 @@
 					:src="userData.urlAvatar"
 					:alt="userData.name"
 					:fallbackText="userData.name"
-					fallbackSize="1024x1024"
+					fallbackSize="1024"
 				/>
 				<div v-else class=".">
 					{{ userData.name }}

package/components/burh-ds/Headings/AppHeader.vue

@@ -37,9 +37,9 @@
 								:src="user.avatar"
 								:alt="user.name"
 								:fallbackText="user.name"
+								fallbackSize="200"
 								:fallbackBackground="avatarColor"
-								fallbackSize="200x200"
-								:style=" `--avatar-color: #${avatarColor}` "
+								:style=" `--avatar-color: #${avatarColor}`"
 							/>
 						</el-tooltip>
 
@@ -59,9 +59,9 @@
 												:src="user.avatar"
 												:alt="user.name"
 												:fallbackText="user.name"
+												fallbackSize="200"
 												:fallbackBackground="avatarColor"
-												fallbackSize="200x200"
-												:style=" `--avatar-color: #${avatarColor}` "
+												:style=" `--avatar-color: #${avatarColor}`"
 											/>
 											<span>{{ user.name }} {{ user.last_name }}</span>
 										</div>

package/components/burh-ds/Img/ImageWithFallback.vue

@@ -1,75 +1,59 @@
-<template>
-	<img
-		:src="(this.src) ? this.src : getNameInitials()"
-		:alt="this.alt"
-		@error="img => getImageFallback(img)"
-	>
-</template>
-
-<script>
-export default {
-	name: 'image-with-fallback',
-	props: {
-		src: {
-			type: String,
-			required: true
-		},
-		alt: {
-			type: String,
-			required: true
-		},
-		randomColor: {
-			type: Boolean,
-			default: false
-		},
-		fallbackBackground: {
-			type: String,
-			default: '5865f2'
-		},
-		fallbackColor: {
-			type: String,
-			default: 'ffffff'
-		},
-		fallbackSize: {
-			type: String,
-			default: '512x512'
-		},
-		fallbackText: {
-			type: String,
-			required: true
-		}
-	},
-	methods: {
-		getAvatarUrl() {
-			let size = this.fallbackSize;
-			let background = this.fallbackBackground;
-			let color = this.fallbackColor;
-			let text = this.getNameInitials();
-
-			const colors = ['5865F2', '9D35FC', 'FF539D', 'FF7D7E', 'FFCF02', '00b388'];
-
-			this.randomColor && (background = colors[Math.floor(Math.random() * (colors.length - 1))]);
-
-			return `https://via.placeholder.com/${size}/${background}/${color}?text=${text}`;
-		},
-		getImageFallback(img) {
-			img.target.src = this.getAvatarUrl();
-		},
-		getNameInitials() {
-			let userAvatarName;
-
-			if (this.fallbackText) {
-				userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
-			} else {
-				userAvatarName = 'BURH';
-			}
-
-			return userAvatarName;
-		},
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-</style>
+<template>
+	<img
+		:src="(this.src) ? this.src : getNameInitials()"
+		:alt="this.alt"
+		@error="img => getImageFallback(img)"
+	>
+</template>
+
+<script>
+export default {
+	name: 'image-with-fallback',
+	props: {
+		src: {
+			type: [String, Boolean],
+			default: null
+		},
+		alt: {
+			type: String,
+			required: true
+		},
+		fallbackSize: {
+			type: String,
+			default: '512'
+		},
+		fallbackBackground: {
+			type: [String, Boolean],
+			default: null
+		},
+		fallbackText: {
+			type: String,
+			required: true
+		}
+	},
+	methods: {
+		getAvatarUrl() {
+			let size = this.fallbackSize;
+			let text = this.getNameInitials();
+			// let background = this.fallbackBackground;
+
+			// return `https://avatars.dicebear.com/api/initials/${text}.svg?backgroundColorLevel=900&size=${size}&fontSize=40${background ? `&b=%23${background}` : ''}`;
+			return `https://avatars.dicebear.com/api/initials/${text}.svg?backgroundColorLevel=900&size=${size}&fontSize=40&b=%238DA2B5`;
+		},
+		getImageFallback(img) {
+			img.target.src = this.getAvatarUrl();
+		},
+		getNameInitials() {
+			let userAvatarName;
+
+			if (this.fallbackText) {
+				userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
+			} else {
+				userAvatarName = 'BURH';
+			}
+
+			return userAvatarName;
+		},
+	}
+};
+</script>

package/components/burh-ds/Modals/SendTest.vue

@@ -92,13 +92,12 @@
 						v-for="(slot, idx) in slots"
 						:key="idx"
 					>
-						<!-- <label for="name">Nome</label> -->
 						<div class="col-6">
 							<validation-provider
 								tag="div"
 								:vid="`send-name-${idx}`"
 								name="Nome"
-								rules="required"
+								rules="required|alpha_spaces|regex:\w+\s+\w+"
 								v-slot="{ errors }"
 							>
 								<label for="email">Nome</label>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@burh/nuxt-core",
-    "version": "1.0.448",
+    "version": "1.0.450",
     "description": "Design System and Components.",
     "author": "Burh",
     "scripts": {