@burh/nuxt-core 1.0.359 → 1.0.361

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,221 +1,221 @@
-<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">
-                <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>
-            <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></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">
+                <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>
+            <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></style>