@burh/nuxt-core 1.0.404 → 1.0.405

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

@@ -1,45 +1,45 @@
-<template>
-  <div
-    class="choice"
-    :class="{ active: checked }"
-    data-toggle="wizard-checkbox"
-    @click="updateValue"
-  >
-    <input
-      type="checkbox"
-      :name="name"
-      :disabled="disabled"
-      :checked="checked"
-    />
-    <div class="icon">
-      <slot name="icon"> <i :class="icon"></i> </slot>
-    </div>
-    <slot name="title">
-      <h6>{{ title }}</h6>
-    </slot>
-  </div>
-</template>
-<script>
-export default {
-  name: 'icon-checkbox',
-  model: {
-    prop: 'checked'
-  },
-  props: {
-    checked: {
-      type: Boolean,
-      default: false
-    },
-    name: String,
-    title: String,
-    icon: String,
-    disabled: Boolean
-  },
-  methods: {
-    updateValue() {
-      this.$emit('input', !this.checked);
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <div
+    class="choice"
+    :class="{ active: checked }"
+    data-toggle="wizard-checkbox"
+    @click="updateValue"
+  >
+    <input
+      type="checkbox"
+      :name="name"
+      :disabled="disabled"
+      :checked="checked"
+    />
+    <div class="icon">
+      <slot name="icon"> <i :class="icon"></i> </slot>
+    </div>
+    <slot name="title">
+      <h6>{{ title }}</h6>
+    </slot>
+  </div>
+</template>
+<script>
+export default {
+  name: 'icon-checkbox',
+  model: {
+    prop: 'checked'
+  },
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    name: String,
+    title: String,
+    icon: String,
+    disabled: Boolean
+  },
+  methods: {
+    updateValue() {
+      this.$emit('input', !this.checked);
+    }
+  }
+};
+</script>
+<style></style>

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

@@ -1,100 +1,100 @@
-<template>
-  <div class="tags-input__wrapper">
-    <el-tag
-      v-for="(tag, index) in dynamicTags"
-      :key="tag + index"
-      size="small"
-      :type="tagType"
-      :closable="true"
-      :close-transition="false"
-      @close="handleClose(tag)"
-    >
-      {{ tag }}
-    </el-tag>
-
-    <input
-      type="text"
-      :placeholder="placeholder"
-      class="form-control"
-      v-model="inputValue"
-      ref="saveTagInput"
-      size="mini"
-      @input="onInput"
-      @keyup.enter="handleInputConfirm"
-      @blur="handleInputConfirm"
-    />
-  </div>
-</template>
-
-<script>
-import { Tag } from 'element-ui';
-
-export default {
-  name: 'tags-input',
-  components: {
-    [Tag.name]: Tag
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-      description: 'List of tags'
-    },
-    placeholder: {
-      type: String,
-      default: 'Add new tag',
-      description: 'Input placeholder'
-    },
-    tagType: {
-      type: String,
-      default: 'primary',
-      description: 'Tag type (primary|danger etc)'
-    }
-  },
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  data() {
-    return {
-      dynamicTags: [],
-      inputVisible: false,
-      inputValue: ''
-    };
-  },
-  methods: {
-    handleClose(tag) {
-      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
-      this.$emit('change', this.dynamicTags);
-    },
-    showInput() {
-      this.inputVisible = true;
-      this.$nextTick(() => {
-        this.$refs.saveTagInput.$refs.input.focus();
-      });
-    },
-
-    handleInputConfirm() {
-      let inputValue = this.inputValue;
-      if (inputValue) {
-        this.dynamicTags.push(inputValue);
-        this.$emit('change', this.dynamicTags);
-      }
-      this.inputVisible = false;
-      this.inputValue = '';
-    },
-    onInput(evt) {
-      this.$emit('input', evt.target.value);
-    }
-  },
-  created() {
-    this.$watch(
-      'value',
-      newVal => {
-        this.dynamicTags = [...newVal];
-      },
-      { immediate: true }
-    );
-  }
-};
-</script>
+<template>
+  <div class="tags-input__wrapper">
+    <el-tag
+      v-for="(tag, index) in dynamicTags"
+      :key="tag + index"
+      size="small"
+      :type="tagType"
+      :closable="true"
+      :close-transition="false"
+      @close="handleClose(tag)"
+    >
+      {{ tag }}
+    </el-tag>
+
+    <input
+      type="text"
+      :placeholder="placeholder"
+      class="form-control"
+      v-model="inputValue"
+      ref="saveTagInput"
+      size="mini"
+      @input="onInput"
+      @keyup.enter="handleInputConfirm"
+      @blur="handleInputConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import { Tag } from 'element-ui';
+
+export default {
+  name: 'tags-input',
+  components: {
+    [Tag.name]: Tag
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
+      description: 'List of tags'
+    },
+    placeholder: {
+      type: String,
+      default: 'Add new tag',
+      description: 'Input placeholder'
+    },
+    tagType: {
+      type: String,
+      default: 'primary',
+      description: 'Tag type (primary|danger etc)'
+    }
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  data() {
+    return {
+      dynamicTags: [],
+      inputVisible: false,
+      inputValue: ''
+    };
+  },
+  methods: {
+    handleClose(tag) {
+      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      this.$emit('change', this.dynamicTags);
+    },
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(() => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+      if (inputValue) {
+        this.dynamicTags.push(inputValue);
+        this.$emit('change', this.dynamicTags);
+      }
+      this.inputVisible = false;
+      this.inputValue = '';
+    },
+    onInput(evt) {
+      this.$emit('input', evt.target.value);
+    }
+  },
+  created() {
+    this.$watch(
+      'value',
+      newVal => {
+        this.dynamicTags = [...newVal];
+      },
+      { immediate: true }
+    );
+  }
+};
+</script>

package/components/argon-core/Modal.vue

@@ -1,183 +1,183 @@
-<template>
-	<SlideYUpTransition :duration="animationDuration">
-		<div
-			class="modal fade"
-			@click.self="closeModal"
-			:class="[
-				{ 'show d-block': show },
-				{ 'd-none': !show },
-				{ 'modal-mini': type === 'mini' }
-			]"
-			v-show="show"
-			tabindex="-1"
-			role="dialog"
-			:aria-hidden="!show"
-		>
-			<div
-				class="modal-dialog modal-dialog-centered"
-				:class="[
-					{
-						'modal-notice': type === 'notice',
-						[`modal-${size}`]: size
-					},
-					modalClasses
-				]"
-			>
-				<div
-					class="modal-content"
-					:class="[
-						gradient ? `bg-gradient-${gradient}` : '',
-						modalContentClasses
-					]"
-				>
-					<div
-						class="modal-header"
-						:class="[headerClasses]"
-						v-if="$slots.header"
-					>
-						<slot name="header"></slot>
-						<slot name="close-button">
-							<button
-								class="tool tool-close"
-								v-if="showClose"
-								@click="closeModal"
-								data-dismiss="modal"
-								aria-label="Close"
-							>
-								Fechar
-								<font-awesome-icon
-									:icon="['fas', 'times']"
-									class="text-white ml-1"
-								/>
-							</button>
-						</slot>
-					</div>
-
-					<div class="modal-body" :class="bodyClasses">
-						<slot></slot>
-					</div>
-
-					<div
-						class="modal-footer"
-						:class="footerClasses"
-						v-if="$slots.footer"
-					>
-						<slot name="footer"></slot>
-					</div>
-				</div>
-			</div>
-		</div>
-	</SlideYUpTransition>
-</template>
-<script>
-import { SlideYUpTransition } from 'vue2-transitions';
-
-export default {
-	name: 'modal',
-	components: {
-		SlideYUpTransition
-	},
-	props: {
-		show: Boolean,
-		showClose: {
-			type: Boolean,
-			default: true
-		},
-		type: {
-			type: String,
-			default: '',
-			validator(value) {
-				let acceptedValues = ['', 'notice', 'mini'];
-				return acceptedValues.indexOf(value) !== -1;
-			},
-			description: 'Modal type (notice|mini|"") '
-		},
-		modalClasses: {
-			type: [Object, String],
-			description: 'Modal dialog css classes'
-		},
-		size: {
-			type: String,
-			description: 'Modal size',
-			validator(value) {
-				let acceptedValues = ['', 'sm', 'lg', 'xl'];
-				return acceptedValues.indexOf(value) !== -1;
-			}
-		},
-		modalContentClasses: {
-			type: [Object, String],
-			description: 'Modal dialog content css classes'
-		},
-		gradient: {
-			type: String,
-			description: 'Modal gradient type (danger, primary etc)'
-		},
-		headerClasses: {
-			type: [Object, String],
-			description: 'Modal Header css classes'
-		},
-		bodyClasses: {
-			type: [Object, String],
-			description: 'Modal Body css classes'
-		},
-		footerClasses: {
-			type: [Object, String],
-			description: 'Modal Footer css classes'
-		},
-		animationDuration: {
-			type: Number,
-			default: 500,
-			description: 'Modal transition duration'
-		}
-	},
-	methods: {
-		closeModal() {
-			this.$emit('update:show', false);
-			this.$emit('close');
-		}
-	},
-	watch: {
-		show(val) {
-			let documentClasses = document.body.classList;
-			if (val) {
-				documentClasses.add('modal-open');
-			} else {
-				documentClasses.remove('modal-open');
-			}
-		}
-	}
-};
-</script>
-<style lang="scss">
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-.modal.show {
-    background-color: rgba(23,43,77, 0.7);
-}
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-    border: none;
-
-    &-close {
-        position: absolute;
-        width: 88px;
-        height: 27px;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
-</style>
+<template>
+	<SlideYUpTransition :duration="animationDuration">
+		<div
+			class="modal fade"
+			@mousedown.self="closeModal"
+			:class="[
+				{ 'show d-block': show },
+				{ 'd-none': !show },
+				{ 'modal-mini': type === 'mini' }
+			]"
+			v-show="show"
+			tabindex="-1"
+			role="dialog"
+			:aria-hidden="!show"
+		>
+			<div
+				class="modal-dialog modal-dialog-centered"
+				:class="[
+					{
+						'modal-notice': type === 'notice',
+						[`modal-${size}`]: size
+					},
+					modalClasses
+				]"
+			>
+				<div
+					class="modal-content"
+					:class="[
+						gradient ? `bg-gradient-${gradient}` : '',
+						modalContentClasses
+					]"
+				>
+					<div
+						class="modal-header"
+						:class="[headerClasses]"
+						v-if="$slots.header"
+					>
+						<slot name="header"></slot>
+						<slot name="close-button">
+							<button
+								class="tool tool-close"
+								v-if="showClose"
+								@click="closeModal"
+								data-dismiss="modal"
+								aria-label="Close"
+							>
+								Fechar
+								<font-awesome-icon
+									:icon="['fas', 'times']"
+									class="text-white ml-1"
+								/>
+							</button>
+						</slot>
+					</div>
+
+					<div class="modal-body" :class="bodyClasses">
+						<slot></slot>
+					</div>
+
+					<div
+						class="modal-footer"
+						:class="footerClasses"
+						v-if="$slots.footer"
+					>
+						<slot name="footer"></slot>
+					</div>
+				</div>
+			</div>
+		</div>
+	</SlideYUpTransition>
+</template>
+<script>
+import { SlideYUpTransition } from 'vue2-transitions';
+
+export default {
+	name: 'modal',
+	components: {
+		SlideYUpTransition
+	},
+	props: {
+		show: Boolean,
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+		type: {
+			type: String,
+			default: '',
+			validator(value) {
+				let acceptedValues = ['', 'notice', 'mini'];
+				return acceptedValues.indexOf(value) !== -1;
+			},
+			description: 'Modal type (notice|mini|"") '
+		},
+		modalClasses: {
+			type: [Object, String],
+			description: 'Modal dialog css classes'
+		},
+		size: {
+			type: String,
+			description: 'Modal size',
+			validator(value) {
+				let acceptedValues = ['', 'sm', 'lg', 'xl'];
+				return acceptedValues.indexOf(value) !== -1;
+			}
+		},
+		modalContentClasses: {
+			type: [Object, String],
+			description: 'Modal dialog content css classes'
+		},
+		gradient: {
+			type: String,
+			description: 'Modal gradient type (danger, primary etc)'
+		},
+		headerClasses: {
+			type: [Object, String],
+			description: 'Modal Header css classes'
+		},
+		bodyClasses: {
+			type: [Object, String],
+			description: 'Modal Body css classes'
+		},
+		footerClasses: {
+			type: [Object, String],
+			description: 'Modal Footer css classes'
+		},
+		animationDuration: {
+			type: Number,
+			default: 500,
+			description: 'Modal transition duration'
+		}
+	},
+	methods: {
+		closeModal() {
+			this.$emit('update:show', false);
+			this.$emit('close');
+		}
+	},
+	watch: {
+		show(val) {
+			let documentClasses = document.body.classList;
+			if (val) {
+				documentClasses.add('modal-open');
+			} else {
+				documentClasses.remove('modal-open');
+			}
+		}
+	}
+};
+</script>
+<style lang="scss">
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+.modal.show {
+    background-color: rgba(23,43,77, 0.7);
+}
+
+.tool {
+    position: absolute;
+    top: 1rem;
+    z-index: 10;
+    color: $primary;
+    cursor: pointer;
+    border: none;
+
+    &-close {
+        position: absolute;
+        width: 88px;
+        height: 27px;
+        right: 7px;
+        top: 7px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        font-size: 11px;
+
+        font-weight: 500;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 17.5px;
+        color: #fff;
+    }
+}
+</style>