@burh/nuxt-core 1.0.290 → 1.0.292

package/components/argon-core/Modal.vue

@@ -1,184 +1,184 @@
-<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>

package/components/burh-ds/Cards/FeatureBusinessCard.vue

@@ -1,74 +1,74 @@
-<template>
-	<div class="feature__card">
-		<div class="feature__card__image" :style="`--icon-bg-color: #${iconBgColor}`">
-			<img :src="icon" :alt="title">
-		</div>
-		<div class="feature__card__title">
-			<p>{{ title }}</p>
-		</div>
-		<div class="feature__card__description">
-			<span>{{ description }}</span>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'FeatureBusinessCard',
-	props: {
-		icon: String,
-		iconBgColor: {
-			type: String,
-			default: '5983FE'
-		},
-		title: String,
-		description: String,
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-    .feature__card {
-        background: #fff;
-        padding: 20px;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        box-shadow: 5px 5px 50px 2px #E9EEF2;
-        border-radius: 10px;
-        width: 100%;
-        min-width: 300px;
-        margin: 0 auto;
-        transition: transform 0.25s, box-shadow 0.5s;
-        &__image {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 45px;
-            height: 45px;
-            border-radius: 10px;
-            background: var(--icon-bg-color);
-            img {
-                display: block;
-                width: 25px;
-            }
-        }
-        &__title {
-            padding: 10px 0;
-            p {
-                font-size: 1.5625rem;
-                font-weight: 600;
-                margin-bottom: 0;
-            }
-        }
-        &__description {
-            text-align: left;
-            font-weight: 400;
-            font-size: 0.875rem;
-        }
-        &:hover {
-            transform: translateY(-10px);
-            box-shadow: 7px 15px 20px rgba(0, 0, 0, 0.05);
-        }
-    }
-</style>
+<template>
+	<div class="feature__card">
+		<div class="feature__card__image" :style="`--icon-bg-color: #${iconBgColor}`">
+			<img :src="icon" :alt="title">
+		</div>
+		<div class="feature__card__title">
+			<p>{{ title }}</p>
+		</div>
+		<div class="feature__card__description">
+			<span>{{ description }}</span>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'FeatureBusinessCard',
+	props: {
+		icon: String,
+		iconBgColor: {
+			type: String,
+			default: '5983FE'
+		},
+		title: String,
+		description: String,
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+    .feature__card {
+        background: #fff;
+        padding: 20px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        box-shadow: 5px 5px 50px 2px #E9EEF2;
+        border-radius: 10px;
+        width: 100%;
+        min-width: 300px;
+        margin: 0 auto;
+        transition: transform 0.25s, box-shadow 0.5s;
+        &__image {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 45px;
+            height: 45px;
+            border-radius: 10px;
+            background: var(--icon-bg-color);
+            img {
+                display: block;
+                width: 25px;
+            }
+        }
+        &__title {
+            padding: 10px 0;
+            p {
+                font-size: 1.5625rem;
+                font-weight: 600;
+                margin-bottom: 0;
+            }
+        }
+        &__description {
+            text-align: left;
+            font-weight: 400;
+            font-size: 0.875rem;
+        }
+        &:hover {
+            transform: translateY(-10px);
+            box-shadow: 7px 15px 20px rgba(0, 0, 0, 0.05);
+        }
+    }
+</style>

package/components/burh-ds/Cards/PerformanceCard.vue

@@ -1,81 +1,81 @@
-<template>
-	<card class="card">
-		<h4 class="aria-text">Funcionalidades</h4>
-		<ul class="list-unstyled list line-card">
-			<functionality-item
-				class="cursor-pointer card-item"
-				:icone="firstItemIcon"
-				:text="firstItemText"
-				@functionality-click="$emit('click-first-item')"
-			/>
-			<functionality-item
-				class="cursor-pointer border-left card-item"
-				:icone="secondItemIcon"
-				:text="secondItemText"
-				@functionality-click="$emit('click-second-item')"
-			/>
-		</ul>
-		<hr />
-		<h6 class="list-title font-weight-bold">{{ title }}</h6>
-		<ul class="list-unstyled list line-card">
-			<slot></slot>
-		</ul>
-		<p class="footer-text">{{ context }}</p>
-	</card>
-</template>
-<script>
-import FunctionalityItem from './FunctionalityItem';
-export default {
-	name: 'performance-card',
-	components: {
-		FunctionalityItem
-	},
-	props: {
-		title: String,
-		context: String,
-		firstItemText: String,
-		secondItemText: String,
-		firstItemIcon: String,
-		secondItemIcon: String,
-		subscribers: Number,
-		jobs: Number,
-		visualization: Number,
-		skeleton: {
-			type: Boolean,
-			default: false
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-hr {
-    border-color: #e9ecef;
-}
-
-.list {
-    margin: 1.8rem 0;
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.line-card {
-    ul {
-        &:not(:first-child) {
-            border: 2px solid #e9ecef;
-        }
-    }
-}
-
-.card-item {
-    width: 50%;
-}
-
-.footer-text {
-    margin-left: 1rem;
-    opacity: 0.4;
-    font-size: smaller;
-}
-.padding-border {
-    padding-left: 7.5rem;
-}
-</style>
+<template>
+	<card class="card">
+		<h4 class="aria-text">Funcionalidades</h4>
+		<ul class="list-unstyled list line-card">
+			<functionality-item
+				class="cursor-pointer card-item"
+				:icone="firstItemIcon"
+				:text="firstItemText"
+				@functionality-click="$emit('click-first-item')"
+			/>
+			<functionality-item
+				class="cursor-pointer border-left card-item"
+				:icone="secondItemIcon"
+				:text="secondItemText"
+				@functionality-click="$emit('click-second-item')"
+			/>
+		</ul>
+		<hr />
+		<h6 class="list-title font-weight-bold">{{ title }}</h6>
+		<ul class="list-unstyled list line-card">
+			<slot></slot>
+		</ul>
+		<p class="footer-text">{{ context }}</p>
+	</card>
+</template>
+<script>
+import FunctionalityItem from './FunctionalityItem';
+export default {
+	name: 'performance-card',
+	components: {
+		FunctionalityItem
+	},
+	props: {
+		title: String,
+		context: String,
+		firstItemText: String,
+		secondItemText: String,
+		firstItemIcon: String,
+		secondItemIcon: String,
+		subscribers: Number,
+		jobs: Number,
+		visualization: Number,
+		skeleton: {
+			type: Boolean,
+			default: false
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+hr {
+    border-color: #e9ecef;
+}
+
+.list {
+    margin: 1.8rem 0;
+    display: flex;
+    justify-content: space-evenly;
+}
+
+.line-card {
+    ul {
+        &:not(:first-child) {
+            border: 2px solid #e9ecef;
+        }
+    }
+}
+
+.card-item {
+    width: 50%;
+}
+
+.footer-text {
+    margin-left: 1rem;
+    opacity: 0.4;
+    font-size: smaller;
+}
+.padding-border {
+    padding-left: 7.5rem;
+}
+</style>