@burh/nuxt-core 1.0.379 → 1.0.381

package/components/argon-core/Inputs/BaseInput.vue

@@ -1,241 +1,241 @@
-<template>
-	<div class="form-group">
-		<slot name="label">
-			<label
-				v-if="label"
-				:class="[
-					{ 'is-invalid': error },
-					{ 'label-required': required },
-					labelClasses
-				]"
-			>
-				{{ label }}
-				<span v-if="required" class="label-required-text"
-				>Obrigatório</span
-				>
-			</label>
-		</slot>
-		<div
-			:class="[
-				{ 'input-group': hasIcon },
-				{ focused: focused },
-				{ 'input-group-alternative': alternative },
-				{ 'has-label': label || $slots.label },
-				inputGroupClasses
-			]"
-		>
-			<div
-				v-if="prependIcon || $slots.prepend"
-				class="input-group-prepend"
-			>
-				<span class="input-group-text">
-					<slot name="prepend">
-						<i :class="prependIcon"></i>
-					</slot>
-				</span>
-			</div>
-			<slot v-bind="slotData" v-if="type !== 'textarea'">
-				<input
-					v-if="!mask.length"
-					:value="value"
-					:type="type"
-					v-on="listeners"
-					v-bind="$attrs"
-					:valid="!error"
-					:required="required"
-					class="form-control"
-					:class="[
-						{ 'is-valid': valid === true },
-						{ 'is-invalid': error },
-						inputClasses
-					]"
-				/>
-				<the-mask
-					v-else
-					class="form-control"
-					v-on="listeners"
-					v-bind="$attrs"
-					type="text"
-					:required="required"
-					:mask="mask"
-					:class="[
-						{ 'is-valid': valid === true },
-						{ 'is-invalid': error },
-						inputClasses
-					]"
-				/>
-			</slot>
-			<slot v-bind="slotData" v-else>
-				<textarea
-					:value="value"
-					v-on="listeners"
-					v-bind="$attrs"
-					:required="required"
-					class="form-control form-control-textarea"
-					:valid="!error"
-					:class="[
-						{ 'is-valid': valid === true },
-						{ 'is-invalid': error },
-						inputClasses
-					]"
-				/>
-			</slot>
-			<div v-if="appendIcon || $slots.append" class="input-group-append">
-				<span class="input-group-text">
-					<slot name="append">
-						<i :class="appendIcon"></i>
-					</slot>
-				</span>
-			</div>
-			<slot name="infoBlock"></slot>
-			<slot name="error">
-				<div
-					v-if="error"
-					class="invalid-feedback"
-					style="display: block;"
-				>
-					{{ error }}
-				</div>
-			</slot>
-			<slot name="success">
-				<div class="valid-feedback" v-if="!error && valid">
-					{{ successMessage }}
-				</div>
-			</slot>
-		</div>
-	</div>
-</template>
-<script>
-import { TheMask } from 'vue-the-mask';
-
-export default {
-	inheritAttrs: false,
-	name: 'base-input',
-	props: {
-		required: {
-			type: Boolean,
-			description: 'Whether input is required (adds an asterix *)'
-		},
-		group: {
-			type: Boolean,
-			description:
-                'Whether input is an input group (manual override in special cases)'
-		},
-		valid: {
-			type: Boolean,
-			description: 'Whether is valid',
-			default: undefined
-		},
-		alternative: {
-			type: Boolean,
-			description: 'Whether input is of alternative layout'
-		},
-		label: {
-			type: String,
-			description: 'Input label (text before input)'
-		},
-		error: {
-			type: String,
-			description: 'Input error (below input)'
-		},
-		successMessage: {
-			type: String,
-			description: 'Input success message',
-			default: 'Looks good!'
-		},
-		labelClasses: {
-			type: String,
-			description: 'Input label css classes',
-			default: 'form-control-label'
-		},
-		inputClasses: {
-			type: String,
-			description: 'Input css classes'
-		},
-		inputGroupClasses: {
-			type: String,
-			description: 'Input group css classes'
-		},
-		value: {
-			type: [String, Number],
-			description: 'Input value'
-		},
-		type: {
-			type: String,
-			description: 'Input type',
-			default: 'text'
-		},
-		appendIcon: {
-			type: String,
-			description: 'Append icon (right)'
-		},
-		prependIcon: {
-			type: String,
-			description: 'Prepend icon (left)'
-		},
-		mask: {
-			type: Array,
-			default: () => {
-				return [];
-			},
-			description: 'Masks Array'
-		}
-	},
-	components: {
-		TheMask
-	},
-	data() {
-		return {
-			focused: false
-		};
-	},
-	computed: {
-		listeners() {
-			return {
-				...this.$listeners,
-				input: this.updateValue,
-				focus: this.onFocus,
-				blur: this.onBlur
-			};
-		},
-		slotData() {
-			return {
-				focused: this.focused,
-				error: this.error,
-				...this.listeners
-			};
-		},
-		hasIcon() {
-			const { append, prepend } = this.$slots;
-			return (
-				append !== undefined ||
-                prepend !== undefined ||
-                this.appendIcon !== undefined ||
-                this.prependIcon !== undefined ||
-                this.group
-			);
-		}
-	},
-	methods: {
-		updateValue(evt) {
-			let value = this.mask.length ? evt : evt.target.value;
-
-			this.$emit('input', value);
-		},
-		onFocus(evt) {
-			this.focused = true;
-			this.$emit('focus', evt);
-		},
-		onBlur(evt) {
-			this.focused = false;
-			this.$emit('blur', evt);
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-.form-control-textarea {
-    height: 180px;
-    resize: none;
-}
-</style>
+<template>
+	<div class="form-group">
+		<slot name="label">
+			<label
+				v-if="label"
+				:class="[
+					{ 'is-invalid': error },
+					{ 'label-required': required },
+					labelClasses
+				]"
+			>
+				{{ label }}
+				<span v-if="required" class="label-required-text"
+				>Obrigatório</span
+				>
+			</label>
+		</slot>
+		<div
+			:class="[
+				{ 'input-group': hasIcon },
+				{ focused: focused },
+				{ 'input-group-alternative': alternative },
+				{ 'has-label': label || $slots.label },
+				inputGroupClasses
+			]"
+		>
+			<div
+				v-if="prependIcon || $slots.prepend"
+				class="input-group-prepend"
+			>
+				<span class="input-group-text">
+					<slot name="prepend">
+						<i :class="prependIcon"></i>
+					</slot>
+				</span>
+			</div>
+			<slot v-bind="slotData" v-if="type !== 'textarea'">
+				<input
+					v-if="!mask.length"
+					:value="value"
+					:type="type"
+					v-on="listeners"
+					v-bind="$attrs"
+					:valid="!error"
+					:required="required"
+					class="form-control"
+					:class="[
+						{ 'is-valid': valid === true },
+						{ 'is-invalid': error },
+						inputClasses
+					]"
+				/>
+				<the-mask
+					v-else
+					class="form-control"
+					v-on="listeners"
+					v-bind="$attrs"
+					type="text"
+					:required="required"
+					:mask="mask"
+					:class="[
+						{ 'is-valid': valid === true },
+						{ 'is-invalid': error },
+						inputClasses
+					]"
+				/>
+			</slot>
+			<slot v-bind="slotData" v-else>
+				<textarea
+					:value="value"
+					v-on="listeners"
+					v-bind="$attrs"
+					:required="required"
+					class="form-control form-control-textarea"
+					:valid="!error"
+					:class="[
+						{ 'is-valid': valid === true },
+						{ 'is-invalid': error },
+						inputClasses
+					]"
+				/>
+			</slot>
+			<div v-if="appendIcon || $slots.append" class="input-group-append">
+				<span class="input-group-text">
+					<slot name="append">
+						<i :class="appendIcon"></i>
+					</slot>
+				</span>
+			</div>
+			<slot name="infoBlock"></slot>
+			<slot name="error">
+				<div
+					v-if="error"
+					class="invalid-feedback"
+					style="display: block;"
+				>
+					{{ error }}
+				</div>
+			</slot>
+			<slot name="success">
+				<div class="valid-feedback" v-if="!error && valid">
+					{{ successMessage }}
+				</div>
+			</slot>
+		</div>
+	</div>
+</template>
+<script>
+import { TheMask } from 'vue-the-mask';
+
+export default {
+	inheritAttrs: false,
+	name: 'base-input',
+	props: {
+		required: {
+			type: Boolean,
+			description: 'Whether input is required (adds an asterix *)'
+		},
+		group: {
+			type: Boolean,
+			description:
+                'Whether input is an input group (manual override in special cases)'
+		},
+		valid: {
+			type: Boolean,
+			description: 'Whether is valid',
+			default: undefined
+		},
+		alternative: {
+			type: Boolean,
+			description: 'Whether input is of alternative layout'
+		},
+		label: {
+			type: String,
+			description: 'Input label (text before input)'
+		},
+		error: {
+			type: String,
+			description: 'Input error (below input)'
+		},
+		successMessage: {
+			type: String,
+			description: 'Input success message',
+			default: 'Looks good!'
+		},
+		labelClasses: {
+			type: String,
+			description: 'Input label css classes',
+			default: 'form-control-label'
+		},
+		inputClasses: {
+			type: String,
+			description: 'Input css classes'
+		},
+		inputGroupClasses: {
+			type: String,
+			description: 'Input group css classes'
+		},
+		value: {
+			type: [String, Number],
+			description: 'Input value'
+		},
+		type: {
+			type: String,
+			description: 'Input type',
+			default: 'text'
+		},
+		appendIcon: {
+			type: String,
+			description: 'Append icon (right)'
+		},
+		prependIcon: {
+			type: String,
+			description: 'Prepend icon (left)'
+		},
+		mask: {
+			type: Array,
+			default: () => {
+				return [];
+			},
+			description: 'Masks Array'
+		}
+	},
+	components: {
+		TheMask
+	},
+	data() {
+		return {
+			focused: false
+		};
+	},
+	computed: {
+		listeners() {
+			return {
+				...this.$listeners,
+				input: this.updateValue,
+				focus: this.onFocus,
+				blur: this.onBlur
+			};
+		},
+		slotData() {
+			return {
+				focused: this.focused,
+				error: this.error,
+				...this.listeners
+			};
+		},
+		hasIcon() {
+			const { append, prepend } = this.$slots;
+			return (
+				append !== undefined ||
+                prepend !== undefined ||
+                this.appendIcon !== undefined ||
+                this.prependIcon !== undefined ||
+                this.group
+			);
+		}
+	},
+	methods: {
+		updateValue(evt) {
+			let value = this.mask.length ? evt : evt.target.value;
+
+			this.$emit('input', value);
+		},
+		onFocus(evt) {
+			this.focused = true;
+			this.$emit('focus', evt);
+		},
+		onBlur(evt) {
+			this.focused = false;
+			this.$emit('blur', evt);
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.form-control-textarea {
+    height: 180px;
+    resize: none;
+}
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-	<div class="bg-white content-right tabs ">
+	<div class="bg-white content-right tabs">
 		<el-tabs
 			:class="active"
 			class="mt-3 handle-icon-color"
@@ -530,11 +530,11 @@ export default {
 };
 </script>
 <style>
-    .el-tabs__nav-wrap::after {
+    .el-tabs__nav-wrap.is-top::after {
 	background: #fff !important;
 }
 
-    .el-tabs__active-bar {
+    .el-tabs__active-bar.is-top {
         width: 30px !important;
         height: 4px !important;
         border-radius: 10px 10px 0px 0px;

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

@@ -45,13 +45,22 @@
 							/>
 						</validation-provider>
 
-						<label for="description">Descrição</label>
-						<base-input
-							type="text"
-							id="description"
-							v-model="description"
-							placeholder="Descrição"
-						/>
+						<validation-provider
+							tag="div"
+							name="Descrição"
+							rules="required"
+							v-slot="{ errors }"
+						>
+							<label for="description">Descrição</label>
+							<base-input
+								type="text"
+								id="description"
+								v-model="description"
+								placeholder="Descrição"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+						</validation-provider>
 
 						<validation-provider
 							tag="div"
@@ -96,20 +105,20 @@
 							rules="required"
 							v-slot="{ errors }"
 						>
-							<label for="city">Cidade</label>
+							<label for="city" class="form-control-label">Cidade</label>
 							<div class="form-group">
 								<el-select
-									type="text"
 									id="city"
 									v-model="city"
 									placeholder="Cidade"
 									filterable
 									remote
+									required
+									:auto-complete="`new-city-${new Date().getTime()}`"
+									:class="{'is-invalid': errors[0]}"
 									:remote-method="getCityListFiltered"
-									:auto-complete="`new-${city}`"
-									:error="errors[0]"
-									:valid="errors.length ? true : false"
 									:loading="isSelectLoading"
+
 								>
 									<div class="text-center" slot="empty">
 										<p class="small mb-2 mt-3">Nenhuma cidade encontrada</p>
@@ -122,6 +131,11 @@
 										:label="city.value"
 									/>
 								</el-select>
+								<div
+									class="invalid-feedback"
+									style="display: block;">
+									{{ errors[0] }}
+								</div>
 							</div>
 						</validation-provider>
 
@@ -381,6 +395,12 @@ body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .s
     }
 }
 
+.is-invalid {
+	/deep/ input {
+		border-color: #de214b!important;
+	}
+}
+
 .tool {
     position: absolute;
     top: 1rem;

package/components/burh-ds/Tabs/TesteTab.vue

@@ -1,106 +1,108 @@
-<template>
-	<li class="tab tab-primary" :class="active && 'tab--active'"
-		@click="$emit('tab-click')">
-		<span class="tab__title" :class="tabTitleClass">{{title}}</span>
-		<span v-if="icon > 0" class="tab__icon" :class="tabIconClass">{{icon}}</span>
-	</li>
-</template>
-<script>
-export default {
-	name: 'teste-tab',
-	props: {
-		title: {
-			type: String,
-			default: 'Testes',
-			description: 'Title for tab',
-		},
-		icon: {
-			type: Number,
-			default: 0,
-			description: 'Number for tab icon',
-		},
-		active: {
-			type: Boolean,
-			default: false,
-			description: 'Define if tab is active',
-		},
-		tabIconClass: {
-			type: String,
-			default: '',
-			description: 'Define css class for tab\'s icon',
-		},
-		tabTitleClass: {
-			type: String,
-			default: '',
-			description: 'Define css class for tab\'s title',
-		},
-		link: {
-			type: String,
-			default: '/',
-			description: 'Define nuxt-link link',
-		}
-	},
-	methods: {
-		redirect(link){
-			this.$router.push(link);
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
-
-.tab {
-    position: relative;
-    padding: .75rem 2rem;
-    margin: 0 1rem;
-
-  &:hover {
-	cursor: pointer;
-    .tab__title,  .tab__icon {
-      color: $primary;
-    }
-  }
-
-  &__title {
-    color: #3C4858;
-	font-weight: 600;
-  }
-
-  &__icon {
-    color: #ffffff;
-    border-radius: 50% !important;
-    background-color: #3C4858;;
-    padding: 0 .4rem;
-    font-weight: bold;
-  }
-}
-
-@media screen and (min-width: 992px){
-  .tab{
-    padding: .75 2rem;
-  }
-}
-
-.tab--active {
-  .tab__title {
-	color:$primary;
-  }
-
-  .tab__icon {
-	background-color: $primary;
-  	color: #FFF
-  }
-}
-
-.tab--active::after {
-    content:'';
-    position:absolute;
-    bottom:0;
-    left:0;
-    right:0;
-    background: $primary;
-    height: 5px;
-    border-radius:5px 5px 0px 0px;
-}
-</style>
+<template>
+	<li class="custom__tab tab tab-primary" :class="active && 'tab--active'"
+		@click="$emit('tab-click')">
+		<span class="tab__title" :class="tabTitleClass">{{title}}</span>
+		<span v-if="icon > 0" class="tab__icon" :class="tabIconClass">{{icon}}</span>
+	</li>
+</template>
+<script>
+export default {
+	name: 'teste-tab',
+	props: {
+		title: {
+			type: String,
+			default: 'Testes',
+			description: 'Title for tab',
+		},
+		icon: {
+			type: Number,
+			default: 0,
+			description: 'Number for tab icon',
+		},
+		active: {
+			type: Boolean,
+			default: false,
+			description: 'Define if tab is active',
+		},
+		tabIconClass: {
+			type: String,
+			default: '',
+			description: 'Define css class for tab\'s icon',
+		},
+		tabTitleClass: {
+			type: String,
+			default: '',
+			description: 'Define css class for tab\'s title',
+		},
+		link: {
+			type: String,
+			default: '/',
+			description: 'Define nuxt-link link',
+		}
+	},
+	methods: {
+		redirect(link){
+			this.$router.push(link);
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+
+.custom__tab {
+    &.tab {
+    position: relative;
+    padding: .75rem 2rem;
+    margin: 0 1rem;
+
+        &:hover {
+        cursor: pointer;
+            .tab__title,  .tab__icon {
+                color: $primary;
+            }
+        }
+
+        &__title {
+        color: #3C4858;
+        font-weight: 600;
+        }
+
+        &__icon {
+            color: #ffffff;
+            border-radius: 50% !important;
+            background-color: #3C4858;;
+            padding: 0 .4rem;
+            font-weight: bold;
+        }
+
+        @media screen and (min-width: 992px){
+            &.tab{
+                padding: .75 2rem;
+            }
+        }
+
+        &.tab--active {
+            .tab__title {
+                color:$primary;
+            }
+
+            .tab__icon {
+                background-color: $primary;
+                color: #FFF
+            }
+        }
+
+        &.tab--active::after {
+            content:'';
+            position:absolute;
+            bottom:0;
+            left:0;
+            right:0;
+            background: $primary;
+            height: 5px;
+            border-radius:5px 5px 0px 0px;
+        }
+    }
+}
+</style>

package/package.json

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