@burh/nuxt-core 1.0.340 → 1.0.342

package/components/argon-core/BaseDropdown.vue

@@ -1,114 +1,114 @@
-<template>
-	<component
-		:is="tag"
-		:class="[{ show: isOpen }, `drop${direction}`]"
-		@click="toggleDropDown"
-		v-click-outside="closeDropDown"
-	>
-		<slot name="title-container" :is-open="isOpen">
-			<component
-				:is="titleTag"
-				class="btn-rotate"
-				:class="[{'dropdown-toggle': hasToggle}, titleClasses]"
-				:aria-expanded="isOpen"
-				data-toggle="dropdown"
-			>
-				<slot name="title" :is-open="isOpen">
-					<i :class="icon"></i> {{ title }}
-				</slot>
-			</component>
-		</slot>
-		<ul
-			class="dropdown-menu"
-			:class="[
-				{ show: isOpen },
-				{ 'dropdown-menu-right': menuOnRight },
-				menuClasses
-			]"
-		>
-			<slot></slot>
-		</ul>
-	</component>
-</template>
-<script>
-export default {
-	name: 'base-dropdown',
-	props: {
-		tag: {
-			type: String,
-			default: 'div',
-			description: 'Dropdown html tag (e.g div, ul etc)'
-		},
-		titleTag: {
-			type: String,
-			default: 'button',
-			description: 'Dropdown title (toggle) html tag'
-		},
-		title: {
-			type: String,
-			description: 'Dropdown title'
-		},
-		direction: {
-			type: String,
-			default: 'down', // up | down
-			description: 'Dropdown menu direction (up|down)'
-		},
-		icon: {
-			type: String,
-			description: 'Dropdown icon'
-		},
-		titleClasses: {
-			type: [String, Object, Array],
-			description: 'Title css classes'
-		},
-		menuClasses: {
-			type: [String, Object],
-			description: 'Menu css classes'
-		},
-		menuOnRight: {
-			type: Boolean,
-			description: 'Whether menu should appear on the right'
-		},
-		hasToggle: {
-			type: Boolean,
-			description: 'Whether dropdown has arrow icon shown',
-			default: true
-		},
-		isDropdownOpen: {
-			type: Boolean,
-			default: false
-		}
-	},
-	data() {
-		return {
-			isOpen: false
-		};
-	},
-	watch: {
-		isOpen() {
-			if (this.isOpen === false) {
-				this.$emit('close');
-			}
-		},
-		isDropdownOpen() {
-			this.isOpen = this.isDropdownOpen;
-		}
-	},
-	methods: {
-		toggleDropDown() {
-			this.isOpen = !this.isOpen;
-			this.$emit('change', this.isOpen);
-		},
-		closeDropDown() {
-			this.isOpen = false;
-			this.$emit('change', false);
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-.dropdown {
-  cursor: pointer;
-  user-select: none;
-}
-</style>
+<template>
+	<component
+		:is="tag"
+		:class="[{ show: isOpen }, `drop${direction}`]"
+		@click="toggleDropDown"
+		v-click-outside="closeDropDown"
+	>
+		<slot name="title-container" :is-open="isOpen">
+			<component
+				:is="titleTag"
+				class="btn-rotate"
+				:class="[{'dropdown-toggle': hasToggle}, titleClasses]"
+				:aria-expanded="isOpen"
+				data-toggle="dropdown"
+			>
+				<slot name="title" :is-open="isOpen">
+					<i :class="icon"></i> {{ title }}
+				</slot>
+			</component>
+		</slot>
+		<ul
+			class="dropdown-menu"
+			:class="[
+				{ show: isOpen },
+				{ 'dropdown-menu-right': menuOnRight },
+				menuClasses
+			]"
+		>
+			<slot></slot>
+		</ul>
+	</component>
+</template>
+<script>
+export default {
+	name: 'base-dropdown',
+	props: {
+		tag: {
+			type: String,
+			default: 'div',
+			description: 'Dropdown html tag (e.g div, ul etc)'
+		},
+		titleTag: {
+			type: String,
+			default: 'button',
+			description: 'Dropdown title (toggle) html tag'
+		},
+		title: {
+			type: String,
+			description: 'Dropdown title'
+		},
+		direction: {
+			type: String,
+			default: 'down', // up | down
+			description: 'Dropdown menu direction (up|down)'
+		},
+		icon: {
+			type: String,
+			description: 'Dropdown icon'
+		},
+		titleClasses: {
+			type: [String, Object, Array],
+			description: 'Title css classes'
+		},
+		menuClasses: {
+			type: [String, Object],
+			description: 'Menu css classes'
+		},
+		menuOnRight: {
+			type: Boolean,
+			description: 'Whether menu should appear on the right'
+		},
+		hasToggle: {
+			type: Boolean,
+			description: 'Whether dropdown has arrow icon shown',
+			default: true
+		},
+		isDropdownOpen: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			isOpen: false
+		};
+	},
+	watch: {
+		isOpen() {
+			if (this.isOpen === false) {
+				this.$emit('close');
+			}
+		},
+		isDropdownOpen() {
+			this.isOpen = this.isDropdownOpen;
+		}
+	},
+	methods: {
+		toggleDropDown() {
+			this.isOpen = !this.isOpen;
+			this.$emit('change', this.isOpen);
+		},
+		closeDropDown() {
+			this.isOpen = false;
+			this.$emit('change', false);
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.dropdown {
+  cursor: pointer;
+  user-select: none;
+}
+</style>

package/components/argon-core/LoadingPanel.vue

@@ -1,26 +1,26 @@
-<template>
-	<div class="row" v-loading="true" id="loading"></div>
-</template>
-<script>
-import Vue from 'vue';
-import { Loading } from 'element-ui';
-
-Vue.use(Loading.directive);
-export default {};
-</script>
-<style>
-#loading {
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-}
-
-.el-loading-spinner .path {
-  stroke: #66615b !important;
-}
-
-.el-loading-mask {
-    z-index: 100!important;
-  background: transparent !important;
-}
-</style>
+<template>
+	<div class="row" v-loading="true" id="loading"></div>
+</template>
+<script>
+import Vue from 'vue';
+import { Loading } from 'element-ui';
+
+Vue.use(Loading.directive);
+export default {};
+</script>
+<style>
+#loading {
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+}
+
+.el-loading-spinner .path {
+  stroke: #66615b !important;
+}
+
+.el-loading-mask {
+    z-index: 100!important;
+  background: transparent !important;
+}
+</style>

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"
+			@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>