@burh/nuxt-core 1.0.20 → 1.0.21

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,171 +1,171 @@
-<template>
-	<div class="form-group">
-		<slot name="label">
-			<label v-if="label" :class="labelClasses">
-				{{label}}
-			</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
-					: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]">
-			</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>
-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)'
-		}
-	},
-	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 = 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="labelClasses">
+				{{label}}
+			</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
+					: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]">
+			</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>
+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)'
+		}
+	},
+	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 = 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>

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>