@burh/nuxt-core 1.0.404 → 1.0.406

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

@@ -1,79 +1,79 @@
-<template>
-  <div class="custom-control custom-checkbox"
-       :class="[
-       {disabled: disabled},
-       {[`custom-checkbox-${type}`]: type},inlineClass]">
-    <input :id="cbId"
-           class="custom-control-input"
-           :aria-label="ariaLabel"
-           :class="inputClasses"
-           type="checkbox"
-           :disabled="disabled"
-           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-checkbox",
-    model: {
-      prop: "checked"
-    },
-    props: {
-      checked: {
-        type: [Array, Boolean],
-        description: "Whether checkbox is checked"
-      },
-      disabled: {
-        type: Boolean,
-        description: "Whether checkbox is disabled"
-      },
-      ariaLabel: String,
-      inline: {
-        type: Boolean,
-        description: "Whether checkbox is inline"
-      },
-      inputClasses: {
-        type: [String, Object, Array],
-        description: "Checkbox input classes"
-      },
-      type: {
-        type: String,
-        description: 'Checkbox type (e.g info, danger etc)'
-      }
-    },
-    data() {
-      return {
-        cbId: "",
-        touched: false
-      };
-    },
-    computed: {
-      model: {
-        get() {
-          return this.checked;
-        },
-        set(check) {
-          if (!this.touched) {
-            this.touched = true;
-          }
-          this.$emit("input", check);
-        }
-      },
-      inlineClass() {
-        if (this.inline) {
-          return `form-check-inline`;
-        }
-      }
-    },
-    created() {
-      this.cbId = Math.random()
-        .toString(16)
-        .slice(2);
-    }
-  };
-</script>
+<template>
+  <div class="custom-control custom-checkbox"
+       :class="[
+       {disabled: disabled},
+       {[`custom-checkbox-${type}`]: type},inlineClass]">
+    <input :id="cbId"
+           class="custom-control-input"
+           :aria-label="ariaLabel"
+           :class="inputClasses"
+           type="checkbox"
+           :disabled="disabled"
+           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-checkbox",
+    model: {
+      prop: "checked"
+    },
+    props: {
+      checked: {
+        type: [Array, Boolean],
+        description: "Whether checkbox is checked"
+      },
+      disabled: {
+        type: Boolean,
+        description: "Whether checkbox is disabled"
+      },
+      ariaLabel: String,
+      inline: {
+        type: Boolean,
+        description: "Whether checkbox is inline"
+      },
+      inputClasses: {
+        type: [String, Object, Array],
+        description: "Checkbox input classes"
+      },
+      type: {
+        type: String,
+        description: 'Checkbox type (e.g info, danger etc)'
+      }
+    },
+    data() {
+      return {
+        cbId: "",
+        touched: false
+      };
+    },
+    computed: {
+      model: {
+        get() {
+          return this.checked;
+        },
+        set(check) {
+          if (!this.touched) {
+            this.touched = true;
+          }
+          this.$emit("input", check);
+        }
+      },
+      inlineClass() {
+        if (this.inline) {
+          return `form-check-inline`;
+        }
+      }
+    },
+    created() {
+      this.cbId = Math.random()
+        .toString(16)
+        .slice(2);
+    }
+  };
+</script>

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

@@ -1,242 +1,242 @@
-<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"
-					:value="value"
-					:type="type"
-					: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"
+					:value="value"
+					:type="type"
+					: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>