@burh/nuxt-core 1.0.501 → 1.0.503

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

@@ -1,270 +1,270 @@
-<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'">
-				<template v-if="type === 'money'">
-					<input
-						:value="value"
-						:type="type"
-						v-on="listeners"
-						v-bind="$attrs"
-						v-money="money"
-						:valid="!error"
-						:required="required"
-						class="form-control"
-						:class="[
-							{ 'is-valid': valid === true },
-							{ 'is-invalid': error },
-							inputClasses
-						]"
-					/>
-				</template>
-				<template v-else>
-					<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"
-						:value="value"
-						:type="type"
-						:required="required"
-						:mask="mask"
-						:class="[
-							{ 'is-valid': valid === true },
-							{ 'is-invalid': error },
-							inputClasses
-						]"
-					/>
-				</template>
-			</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';
-import { VMoney } from 'v-money';
-
-export default {
-	inheritAttrs: false,
-	name: 'base-input',
-	directives: { money: VMoney },
-	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,
-			money: {
-				decimal: ',',
-				thousands: '.',
-				prefix: 'R$ ',
-				suffix: '',
-				precision: 2
-			}
-		};
-	},
-	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'">
+				<template v-if="type === 'money'">
+					<input
+						:value="value"
+						:type="type"
+						v-on="listeners"
+						v-bind="$attrs"
+						v-money="money"
+						:valid="!error"
+						:required="required"
+						class="form-control"
+						:class="[
+							{ 'is-valid': valid === true },
+							{ 'is-invalid': error },
+							inputClasses
+						]"
+					/>
+				</template>
+				<template v-else>
+					<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"
+						:value="value"
+						:type="type"
+						:required="required"
+						:mask="mask"
+						:class="[
+							{ 'is-valid': valid === true },
+							{ 'is-invalid': error },
+							inputClasses
+						]"
+					/>
+				</template>
+			</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';
+import { VMoney } from 'v-money';
+
+export default {
+	inheritAttrs: false,
+	name: 'base-input',
+	directives: { money: VMoney },
+	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,
+			money: {
+				decimal: ',',
+				thousands: '.',
+				prefix: 'R$ ',
+				suffix: '',
+				precision: 2
+			}
+		};
+	},
+	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/argon-core/Inputs/BaseRadio.vue

@@ -1,68 +1,68 @@
-<template>
-  <div
-    class="custom-control custom-radio"
-    :class="[inlineClass, { disabled: disabled }]">
-    <input
-      :id="cbId"
-      class="custom-control-input"
-      type="radio"
-      :disabled="disabled"
-      :value="name"
-      v-model="model"
-    />
-    <label :for="cbId" class="custom-control-label">
-      <slot>
-        <span v-if="inline">&nbsp;</span>
-      </slot>
-    </label>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'base-radio',
-    props: {
-      name: {
-        type: [String, Number],
-        description: 'Radio label'
-      },
-      disabled: {
-        type: Boolean,
-        description: 'Whether radio is disabled'
-      },
-      value: {
-        type: [String, Boolean],
-        description: 'Radio value'
-      },
-      inline: {
-        type: Boolean,
-        description: 'Whether radio is inline'
-      }
-    },
-    data() {
-      return {
-        cbId: ''
-      };
-    },
-    computed: {
-      model: {
-        get() {
-          return this.value;
-        },
-        set(value) {
-          this.$emit('input', value);
-        }
-      },
-      inlineClass() {
-        if (this.inline) {
-          return `form-check-inline`;
-        }
-        return '';
-      }
-    },
-    created() {
-      this.cbId = Math.random()
-        .toString(16)
-        .slice(2);
-    }
-  };
-</script>
+<template>
+  <div
+    class="custom-control custom-radio"
+    :class="[inlineClass, { disabled: disabled }]">
+    <input
+      :id="cbId"
+      class="custom-control-input"
+      type="radio"
+      :disabled="disabled"
+      :value="name"
+      v-model="model"
+    />
+    <label :for="cbId" class="custom-control-label">
+      <slot>
+        <span v-if="inline">&nbsp;</span>
+      </slot>
+    </label>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'base-radio',
+    props: {
+      name: {
+        type: [String, Number],
+        description: 'Radio label'
+      },
+      disabled: {
+        type: Boolean,
+        description: 'Whether radio is disabled'
+      },
+      value: {
+        type: [String, Boolean],
+        description: 'Radio value'
+      },
+      inline: {
+        type: Boolean,
+        description: 'Whether radio is inline'
+      }
+    },
+    data() {
+      return {
+        cbId: ''
+      };
+    },
+    computed: {
+      model: {
+        get() {
+          return this.value;
+        },
+        set(value) {
+          this.$emit('input', value);
+        }
+      },
+      inlineClass() {
+        if (this.inline) {
+          return `form-check-inline`;
+        }
+        return '';
+      }
+    },
+    created() {
+      this.cbId = Math.random()
+        .toString(16)
+        .slice(2);
+    }
+  };
+</script>