@burh/nuxt-core 1.0.503 → 1.0.505

package/components/burh-ds/Inputs/BaseCheckbox.vue

@@ -1,73 +1,73 @@
-<template>
-  <div @click="clicked"
-       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="touched"/>
-    <label :for="cbId" class="custom-control-label">
-      <slot>
-        <span v-if="inline">&nbsp;</span>
-      </slot>
-    </label>
-  </div>
-</template>
-<script>
-  export default {
-    name: "base-checkbox",
-    props: {
-      checked: {
-        type: [Array, Boolean],
-        description: "Whether checkbox is checked",
-        default: false
-      },
-      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: this.checked,
-      };
-    },
-    computed: {
-      inlineClass() {
-        if (this.inline) {
-          return `form-check-inline`;
-        }
-      }
-    },
-    methods: {
-        clicked() {
-            this.touched = !this.touched;
-            this.$emit('input', this.touched);
-        }
-    },
-    created() {
-      this.cbId = Math.random()
-        .toString(16)
-        .slice(2);
-    }
-  };
-</script>
+<template>
+  <div @click="clicked"
+       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="touched"/>
+    <label :for="cbId" class="custom-control-label">
+      <slot>
+        <span v-if="inline">&nbsp;</span>
+      </slot>
+    </label>
+  </div>
+</template>
+<script>
+  export default {
+    name: "base-checkbox",
+    props: {
+      checked: {
+        type: [Array, Boolean],
+        description: "Whether checkbox is checked",
+        default: false
+      },
+      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: this.checked,
+      };
+    },
+    computed: {
+      inlineClass() {
+        if (this.inline) {
+          return `form-check-inline`;
+        }
+      }
+    },
+    methods: {
+        clicked() {
+            this.touched = !this.touched;
+            this.$emit('input', this.touched);
+        }
+    },
+    created() {
+      this.cbId = Math.random()
+        .toString(16)
+        .slice(2);
+    }
+  };
+</script>

package/components/burh-ds/Inputs/BaseSwitch.vue

@@ -1,43 +1,43 @@
-<template>
-	<label class="custom-toggle" :class="switchClass">
-		<input type="checkbox" @change="$emit('changeRecurrence')" :checked="checked">
-		<span class="custom-toggle-slider rounded-circle" :data-label-off="offText" :data-label-on="onText"></span>
-	</label>
-</template>
-<script>
-export default {
-	name: 'base-switch',
-	props: {
-		onText: {
-			type: String,
-			default: 'Sim'
-		},
-		offText: {
-			type: String,
-			default: 'Não'
-		},
-		checked: {
-			type: Boolean,
-			default: false
-		}
-	},
-	computed: {
-		switchClass() {
-			let baseClass = 'custom-toggle-';
-			if (this.type) {
-				return baseClass + this.type;
-			}
-			return '';
-		},
-	},
-};
-</script>
-<style>
-    .custom-toggle input:not(:checked) + span.custom-toggle-slider::after {
-        width: 40px !important;
-    }
-
-    .custom-toggle {
-        margin: 10px auto !important;
-    }
-</style>
+<template>
+	<label class="custom-toggle" :class="switchClass">
+		<input type="checkbox" @change="$emit('changeRecurrence')" :checked="checked">
+		<span class="custom-toggle-slider rounded-circle" :data-label-off="offText" :data-label-on="onText"></span>
+	</label>
+</template>
+<script>
+export default {
+	name: 'base-switch',
+	props: {
+		onText: {
+			type: String,
+			default: 'Sim'
+		},
+		offText: {
+			type: String,
+			default: 'Não'
+		},
+		checked: {
+			type: Boolean,
+			default: false
+		}
+	},
+	computed: {
+		switchClass() {
+			let baseClass = 'custom-toggle-';
+			if (this.type) {
+				return baseClass + this.type;
+			}
+			return '';
+		},
+	},
+};
+</script>
+<style>
+    .custom-toggle input:not(:checked) + span.custom-toggle-slider::after {
+        width: 40px !important;
+    }
+
+    .custom-toggle {
+        margin: 10px auto !important;
+    }
+</style>

package/components/burh-ds/Inputs/BaseSwitchSecondary.vue

@@ -1,84 +1,84 @@
-<template>
-    <div class="custom-toggle--secondary">
-        
-        <p class="custom-toggle--secondary__text" :class="checked ? classToggle.text[1] : classToggle.text[0]">
-            {{onText}}
-        </p>
-
-        <label class="custom-toggle" :class="switchClass">
-            <input type="checkbox" @change="$emit('change-switch')" :checked="checked">
-            <span class="custom-toggle-slider rounded-circle" 
-                :data-label-off="''" :data-label-on="''"/>
-        </label>    
-
-        <p class="custom-toggle--secondary__text" :class="checked ? classToggle.text[0] : classToggle.text[1]">
-            {{offText}} 
-            <badge v-if="badgeText" rounded :type="checked ? classToggle.badge[0] : classToggle.badge[1] ">
-                {{badgeText}}
-            </badge>
-        </p>
-    </div>
-</template>
-<script>
-export default {
-	name: 'base-switch-secondary',
-	props: {
-		onText: {
-			type: String,
-			default: 'Sim'
-		},
-		offText: {
-			type: String,
-			default: 'Não'
-		},
-		checked: {
-			type: Boolean,
-			default: false
-        },
-        badgeText: {
-            type: String,
-            default: ''
-        },
-        classToggle: {
-            type: Object,
-            default: () => { 
-                return {
-                    text: ['text-primary', ''],
-                    badge: ['primary', 'light']
-                }
-            },
-        }
-	},
-	computed: {
-		switchClass() {
-			let baseClass = 'custom-toggle-';
-			if (this.type) {
-				return baseClass + this.type;
-			}
-			return '';
-		},
-	},
-};
-</script>
-<style lang="scss">
-    .custom-toggle--secondary {
-        display: flex;
-        
-        &__text {
-            margin-top: 0.5rem;
-            margin-bottom: 0.5rem;
-            margin-left: 1rem;
-            margin-right: 1rem;
-            text-align: center;
-            font-weight: 600;
-        }
-    }
-
-    .custom-toggle input:not(:checked) + span.custom-toggle-slider::after {
-        width: 40px !important;
-    }
-
-    .custom-toggle {
-        margin: 10px auto !important;
-    }
-</style>
+<template>
+    <div class="custom-toggle--secondary">
+        
+        <p class="custom-toggle--secondary__text" :class="checked ? classToggle.text[1] : classToggle.text[0]">
+            {{onText}}
+        </p>
+
+        <label class="custom-toggle" :class="switchClass">
+            <input type="checkbox" @change="$emit('change-switch')" :checked="checked">
+            <span class="custom-toggle-slider rounded-circle" 
+                :data-label-off="''" :data-label-on="''"/>
+        </label>    
+
+        <p class="custom-toggle--secondary__text" :class="checked ? classToggle.text[0] : classToggle.text[1]">
+            {{offText}} 
+            <badge v-if="badgeText" rounded :type="checked ? classToggle.badge[0] : classToggle.badge[1] ">
+                {{badgeText}}
+            </badge>
+        </p>
+    </div>
+</template>
+<script>
+export default {
+	name: 'base-switch-secondary',
+	props: {
+		onText: {
+			type: String,
+			default: 'Sim'
+		},
+		offText: {
+			type: String,
+			default: 'Não'
+		},
+		checked: {
+			type: Boolean,
+			default: false
+        },
+        badgeText: {
+            type: String,
+            default: ''
+        },
+        classToggle: {
+            type: Object,
+            default: () => { 
+                return {
+                    text: ['text-primary', ''],
+                    badge: ['primary', 'light']
+                }
+            },
+        }
+	},
+	computed: {
+		switchClass() {
+			let baseClass = 'custom-toggle-';
+			if (this.type) {
+				return baseClass + this.type;
+			}
+			return '';
+		},
+	},
+};
+</script>
+<style lang="scss">
+    .custom-toggle--secondary {
+        display: flex;
+        
+        &__text {
+            margin-top: 0.5rem;
+            margin-bottom: 0.5rem;
+            margin-left: 1rem;
+            margin-right: 1rem;
+            text-align: center;
+            font-weight: 600;
+        }
+    }
+
+    .custom-toggle input:not(:checked) + span.custom-toggle-slider::after {
+        width: 40px !important;
+    }
+
+    .custom-toggle {
+        margin: 10px auto !important;
+    }
+</style>

package/components/burh-ds/Inputs/DoubleInputWithIcon.vue

@@ -1,100 +1,100 @@
-<template>
-    <div class="row input-row">
-        <validation-provider
-            tag="div"
-            class="col-5"
-            :vid="`first-input-${id}`"
-            :name="firstInput.label"
-            :rules="firstInput.rules"
-            v-slot="{ errors }"
-        >
-            <base-input
-                type="text"
-                v-model="firstField"
-                v-on:input="$emit('first-input', $event)"
-                :error="errors[0]"
-                :valid="errors.length ? true : false"
-                :label="firstInput.label"
-            />
-        </validation-provider>
-
-        <validation-provider
-            tag="div"
-            class="col-6"
-            :vid="`second-input-${id}`"
-            :name="secondInput.label"
-            :rules="secondInput.rules"
-            v-slot="{ errors }"
-        >
-            <base-input
-                type="text"
-                v-model="secondField"
-                v-on:input="$emit('second-input', $event)"
-                :error="errors[0]"
-                :valid="errors.length ? true : false"
-                :label="secondInput.label"
-            />
-        </validation-provider>
-
-        <span class="col-1 pt-4 mt-3 cursor-pointer" @click="$emit(icon.event)">
-            <font-awesome-icon
-                :icon="icon.type"
-                :aria-label="'Icone de funcionalidade'"
-            />
-        </span>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "double-input-with-icon",
-    props: {
-        data: Object,
-        id: {
-            type: String | Number,
-            default: 0
-        },
-        firstInput: {
-            type: Object,
-            default: () => ({
-                label: "Nome",
-                rules: { required: true }
-            }),
-            description: "properties of first input in format JSON"
-        },
-        secondInput: {
-            type: Object,
-            default: () => ({
-                label: "Email",
-                rules: {
-                    required: true,
-                    email: true
-                }
-            }),
-            description: "properties of second input in format JSON"
-        },
-        icon: {
-            type: Object,
-            default: () => ({
-                type: ["fas", "trash"],
-                event: "remove"
-            }),
-            description: "properties of icon in format JSON"
-        }
-    },
-    data() {
-        return {
-            firstField: "",
-            secondField: ""
-        };
-    },
-    watch: {
-        data(newValue) {
-            this.firstField = newValue[Object.keys(newValue)[0]];
-            this.secondField = newValue[Object.keys(newValue)[1]];
-        }
-    }
-};
-</script>
-
-<style></style>
+<template>
+    <div class="row input-row">
+        <validation-provider
+            tag="div"
+            class="col-5"
+            :vid="`first-input-${id}`"
+            :name="firstInput.label"
+            :rules="firstInput.rules"
+            v-slot="{ errors }"
+        >
+            <base-input
+                type="text"
+                v-model="firstField"
+                v-on:input="$emit('first-input', $event)"
+                :error="errors[0]"
+                :valid="errors.length ? true : false"
+                :label="firstInput.label"
+            />
+        </validation-provider>
+
+        <validation-provider
+            tag="div"
+            class="col-6"
+            :vid="`second-input-${id}`"
+            :name="secondInput.label"
+            :rules="secondInput.rules"
+            v-slot="{ errors }"
+        >
+            <base-input
+                type="text"
+                v-model="secondField"
+                v-on:input="$emit('second-input', $event)"
+                :error="errors[0]"
+                :valid="errors.length ? true : false"
+                :label="secondInput.label"
+            />
+        </validation-provider>
+
+        <span class="col-1 pt-4 mt-3 cursor-pointer" @click="$emit(icon.event)">
+            <font-awesome-icon
+                :icon="icon.type"
+                :aria-label="'Icone de funcionalidade'"
+            />
+        </span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "double-input-with-icon",
+    props: {
+        data: Object,
+        id: {
+            type: String | Number,
+            default: 0
+        },
+        firstInput: {
+            type: Object,
+            default: () => ({
+                label: "Nome",
+                rules: { required: true }
+            }),
+            description: "properties of first input in format JSON"
+        },
+        secondInput: {
+            type: Object,
+            default: () => ({
+                label: "Email",
+                rules: {
+                    required: true,
+                    email: true
+                }
+            }),
+            description: "properties of second input in format JSON"
+        },
+        icon: {
+            type: Object,
+            default: () => ({
+                type: ["fas", "trash"],
+                event: "remove"
+            }),
+            description: "properties of icon in format JSON"
+        }
+    },
+    data() {
+        return {
+            firstField: "",
+            secondField: ""
+        };
+    },
+    watch: {
+        data(newValue) {
+            this.firstField = newValue[Object.keys(newValue)[0]];
+            this.secondField = newValue[Object.keys(newValue)[1]];
+        }
+    }
+};
+</script>
+
+<style></style>